fix and update

apps/frontend/components/id/sidebar.tsx

@@ -2,6 +2,7 @@
 
 import Link from 'next/link';
 import { FileText, Heart, Home, LockKeyhole, LogOut, ShieldCheck, UserRound } from 'lucide-react';
+import { FamilySidebarPanel } from '@/components/family/family-sidebar-panel';
 import { BrandLogo } from '@/components/id/brand-logo';
 import { cn } from '@/lib/utils';
 import { getAdminLandingPath } from '@/lib/admin-access';
@@ -22,8 +23,8 @@ export function Sidebar({ active }: { active: string }) {
     : baseItems;
 
   return (
-    <aside className="fixed left-0 top-0 hidden h-screen w-[150px] flex-col justify-between border-r border-transparent bg-white px-3 py-7 text-[13px] lg:flex">
-      <div>
+    <aside className="fixed left-0 top-0 hidden h-screen w-[200px] flex-col justify-between border-r border-[#eceef4] bg-white px-3 py-7 text-[13px] lg:flex">
+      <div className="flex min-h-0 flex-1 flex-col">
         <Link href="/" className="mb-7 block">
           <BrandLogo size="lg" variant="dark" />
         </Link>
@@ -42,6 +43,9 @@ export function Sidebar({ active }: { active: string }) {
             </Link>
           ))}
         </nav>
+        <div className="min-h-0 flex-1 overflow-hidden">
+          <FamilySidebarPanel />
+        </div>
       </div>
       <div className="space-y-2 text-[11px] text-[#667085]">
         {user ? <p className="truncate font-medium text-[#1f2430]">{user.displayName}</p> : null}