update latest page

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

pages/latest.vue

@@ -1,11 +1,17 @@
 <script setup lang="ts">
+definePageMeta({
+  layout: "list",
+});
 const { data } = await useAsyncData("home", () => queryContent("/").find());
-console.log(data);
 </script>
 
 <template>
-  <div>
-    <p class="text-5xl">Latest Page</p>
-    <pre>{{ data }}</pre>
+  <div class="container mx-auto max-w-6xl font-poppins antialiased">
+    <h1 class="font-semibold text-3xl mt-10 mx-5 mb-4 text-slate-800">
+      LATEST CONTENT
+    </h1>
+    <div class="flex justify-between flex-wrap">
+      <latest-blog-card v-for="n in 20" :key="n" />
+    </div>
   </div>
 </template>