first commit

apps/frontend/components/id/shell.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import { Sidebar } from './sidebar';
+import { UserMenu } from './user-menu';
+import { NotificationBell } from '@/components/notifications/notification-bell';
+
+export function IdShell({ active, children, wide = false }: { active: string; children: React.ReactNode; wide?: boolean }) {
+  return (
+    <div className="min-h-screen bg-white">
+      <Sidebar active={active} />
+      <div className="fixed right-4 top-4 z-40 flex items-center gap-2 lg:right-8 lg:top-6">
+        <NotificationBell />
+        <UserMenu />
+      </div>
+      <main className="px-5 py-8 lg:pl-[170px] lg:pr-8">
+        <div className={wide ? 'mx-auto max-w-[920px]' : 'mx-auto max-w-[560px]'}>{children}</div>
+      </main>
+    </div>
+  );
+}