add archive page

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

components/category/card.vue

@@ -26,7 +26,9 @@ const randbgcolor = ref(`${color.at(getRandomInt(0, 8))}`)
 </script>
 
 <template>
-  <div class="text-white px-5 py-3 rounded hover:underline randbgcolor">
+  <div
+    class="text-white px-5 py-3 rounded hover:underline randbgcolor hover:scale-[1.05] transition-all duration-500"
+  >
     <NuxtLink :to="`/categories/${title}`" class="text-xl font-extrabold">
       <h1>#{{ title }}</h1>
     </NuxtLink>