add loading spinner on PoolListing

app/javascript/src/components/Spinner/Spinner.tsx

@@ -0,0 +1,21 @@
+import type { FC } from "react";
+import React from "react";
+import cs from "classnames";
+
+type Props = {
+  sizeClasses?: string;
+};
+
+export const Spinner: FC<Props> = ({ sizeClasses }) => {
+  return (
+    <div className="absolute right-1/2 bottom-1/2  transform translate-x-1/2 translate-y-1/2 ">
+      <div
+        style={{ borderTopColor: "transparent" }}
+        className={cs(
+          "border-solid animate-spin  rounded-full border-gray-300 border-8",
+          sizeClasses ?? "h-20 w-20"
+        )}
+      />
+    </div>
+  );
+};