add category page

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

pages/category/index.vue

@@ -1,5 +1,17 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: "list",
+});
+const { data } = await useAsyncData("home", () => queryContent("/").find());
+</script>
+
 <template>
-  <div>
-    <h1 class="text-5xl">All the topic will be here</h1>
+  <div class="container mx-auto max-w-6xl font-poppins antialiased">
+    <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
+      ALL CATEGORY
+    </h1>
+    <div class="flex justify-between flex-wrap">
+      <category-card v-for="n in 20" :key="n" />
+    </div>
   </div>
 </template>