feat: minute adn logo

components/Sidebar.tsx

@@ -4,6 +4,7 @@ import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { NAV } from "@/lib/nav";
 import { cn } from "@/lib/utils";
+import { Logo } from "./Logo";
 
 export function Sidebar({ onNavigate }: { onNavigate?: () => void }) {
   const pathname = usePathname();
@@ -11,10 +12,13 @@ export function Sidebar({ onNavigate }: { onNavigate?: () => void }) {
   return (
     <nav className="flex h-full flex-col gap-1 overflow-y-auto p-4">
       <div className="mb-4 flex items-center gap-2 px-2">
-        <span className="flex h-9 w-9 items-center justify-center rounded-xl bg-primary-soft text-xl">
-          🧘
+        <span className="flex h-10 w-10 items-center justify-center rounded-xl bg-primary-soft">
+          <Logo className="h-7 w-7 text-primary" />
         </span>
-        <span className="font-bold text-foreground">مدیریت مدیتیشن</span>
+        <div className="flex flex-col leading-tight">
+          <span className="font-bold text-foreground">آرام جان</span>
+          <span className="text-[11px] text-muted">پنل مدیریت</span>
+        </div>
       </div>
 
       {NAV.map((section) => {