feat(domain): centralize data definition

apps/dashboard/src/app/[locale]/(app)/(sidebar)/articles/page.tsx

@@ -1,22 +1,21 @@
 import { Metadata } from "next";
 
+import { ArticlesFeed } from "#dashboard/components/articles-feed";
 import { PageLayout } from "#dashboard/components/shell/page-layout";
+import { HydrateClient, batchPrefetch, trpc } from "#dashboard/trpc/server";
 
 export const metadata: Metadata = {
   title: "Articles | Basango Dashboard",
 };
 
 export default function Page() {
+  batchPrefetch([trpc.articles.list.infiniteQueryOptions({ limit: 12 })]);
+
   return (
-    <PageLayout leading="Manage your articles" title="Articles">
-      <div className="flex flex-1 flex-col gap-4">
-        <div className="grid auto-rows-min gap-4 md:grid-cols-3">
-          <div className="bg-muted/50 aspect-video rounded-xl" />
-          <div className="bg-muted/50 aspect-video rounded-xl" />
-          <div className="bg-muted/50 aspect-video rounded-xl" />
-        </div>
-        <div className="bg-muted/50 min-h-screen flex-1 rounded-xl md:min-h-min" />
-      </div>
-    </PageLayout>
+    <HydrateClient>
+      <PageLayout leading="Track crawled content and trends" title="Articles">
+        <ArticlesFeed />
+      </PageLayout>
+    </HydrateClient>
   );
 }