Show app logo in dashboard header

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

@@ -1,3 +1,4 @@
+import Image from "next/image"
 import { notFound } from "next/navigation"
 import { cookies } from "next/headers"
 import prisma from "@/lib/prisma"
@@ -37,11 +38,22 @@ export default async function DashboardPage({
         <main className="flex min-h-screen flex-col items-center p-4">
             <div className="w-full max-w-4xl space-y-6">
                 <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
-                    <div>
-                        <h1 className="text-2xl font-bold">{dict.home.title}</h1>
-                        <p className="text-muted-foreground text-sm">
-                            {plan.startDate.toLocaleDateString(lang)} - {plan.endDate.toLocaleDateString(lang)}
-                        </p>
+                    <div className="flex items-center gap-4">
+                        <div className="bg-white p-1.5 rounded-xl shadow-sm border border-primary/10">
+                            <Image
+                                src="/icon.png"
+                                alt="Logo"
+                                width={48}
+                                height={48}
+                                className="rounded-lg"
+                            />
+                        </div>
+                        <div>
+                            <h1 className="text-2xl font-bold">{dict.home.title}</h1>
+                            <p className="text-muted-foreground text-sm">
+                                {plan.startDate.toLocaleDateString(lang)} - {plan.endDate.toLocaleDateString(lang)}
+                            </p>
+                        </div>
                     </div>
                     <div className="text-sm bg-muted px-3 py-1 rounded-md">
                         Plan ID: <span className="font-mono font-bold">{plan.id}</span>