fix poolList spinner position

app/javascript/src/pages/Home/Container.tsx

@@ -11,7 +11,9 @@ export const Container = ({
 }: React.PropsWithChildren<ContainerProps>) => {
   return (
     <div className="w-full flex items-center justify-center px-8 py-2 2xl:p-0">
-      <div className={cx("max-w-5xl w-full flex", className)}>{children}</div>
+      <div className={cx("max-w-5xl w-full flex flex-col", className)}>
+        {children}
+      </div>
     </div>
   );
 };

app/javascript/src/pages/Home/PoolListing.tsx

@@ -69,9 +69,16 @@ export const PoolListing = () => {
     })();
   }, [provider]);
 
+  if (isLoadingPools) {
+    return (
+      <div className="w-full grid place-items-center mt-12">
+        <Spinner />
+      </div>
+    );
+  }
+
   return (
     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 place-items-center w-full gap-8 py-4 -mt-16 overflow-x-hidden">
-      {isLoadingPools && <Spinner />}
       {validPools
         .sort((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0))
         .map((pool) => (