feat: add recent plans history to homepage

app/[lang]/dashboard/[planId]/page.tsx

@@ -8,6 +8,7 @@ import { Button } from "@/components/ui/button"
 import { PlanLoginForm } from "@/components/plan-login-form"
 import { PlanDashboard } from "./_components/plan-dashboard"
 import { getDictionary } from "@/get-dictionary"
+import { PlanTracker } from "@/components/plan-tracker"
 
 export default async function DashboardPage({
     params
@@ -39,6 +40,7 @@ export default async function DashboardPage({
 
     return (
         <main className="flex min-h-screen flex-col items-center p-4">
+            <PlanTracker planId={plan.id} title={plan.title} />
             <div className="w-full max-w-4xl space-y-6">
                 <div className="flex flex-col gap-4">
                     <Button variant="ghost" size="sm" asChild className="w-fit -ml-2 text-muted-foreground">

app/[lang]/page.tsx

@@ -2,6 +2,7 @@ import Image from "next/image";
 import { CreatePlanForm } from "@/components/create-plan-form";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { getDictionary } from "@/get-dictionary";
+import { RecentPlans } from "@/components/recent-plans";
 
 export default async function Home({
   params,
@@ -32,6 +33,8 @@ export default async function Home({
           </div>
         </div>
 
+        <RecentPlans lang={lang} dict={dict.home.recentPlans} />
+
         <Card>
           <CardHeader>
             <CardTitle>{dict.home.createPlan}</CardTitle>