Better skeleton

app/search/loading.tsx

@@ -2,14 +2,17 @@ import Grid from 'components/grid';
 
 export default function Loading() {
   return (
-    <Grid className="grid-cols-2 lg:grid-cols-3">
+    <>
-      {Array(12)
+      <div className="mb-4 h-6" />
-        .fill(0)
+      <Grid className="grid-cols-2 lg:grid-cols-3">
-        .map((_, index) => {
+        {Array(12)
-          return (
+          .fill(0)
-            <Grid.Item key={index} className="animate-pulse bg-neutral-100 dark:bg-neutral-800" />
+          .map((_, index) => {
-          );
+            return (
-        })}
+              <Grid.Item key={index} className="animate-pulse bg-neutral-100 dark:bg-neutral-800" />
-    </Grid>
+            );
+          })}
+      </Grid>
+    </>
   );
 }