fix notification and add billing page and contract

apps/dashboard/src/components/layout/Sidebar.tsx

@@ -16,12 +16,13 @@ import {
   Bell,
   Settings,
   LogOut,
+  FileText,
   ChevronLeft,
   ChevronRight,
 } from 'lucide-react'
 import { useDashboardI18n } from '@/components/I18nProvider'
 import { marketplaceUrl } from '@/lib/urls'
-import { EMPLOYEE_TOKEN_KEY, apiFetch } from '@/lib/api'
+import { EMPLOYEE_PROFILE_KEY, EMPLOYEE_TOKEN_KEY, apiFetch } from '@/lib/api'
 
 interface BrandSettings {
   displayName: string
@@ -33,6 +34,12 @@ interface SidebarUser {
   subtitle: string
   initials: string
 }
+interface EmployeeProfile {
+  email: string
+  firstName: string
+  lastName: string
+  role: string
+}
 
 function computeInitials(name: string): string {
   const parts = name.trim().split(/\s+/).filter(Boolean)
@@ -41,6 +48,16 @@ function computeInitials(name: string): string {
   return `${parts[0].slice(0, 1)}${parts[1].slice(0, 1)}`.toUpperCase()
 }
 
+function toSidebarUser(profile: Partial<EmployeeProfile>, fallbackName: string, fallbackSubtitle: string): SidebarUser {
+  const fullName = `${profile.firstName ?? ''} ${profile.lastName ?? ''}`.trim()
+  const email = profile.email ?? ''
+  const role = profile.role ?? ''
+  const displayName = fullName || (email ? email.split('@')[0] : fallbackName)
+  const subtitle = email || role || fallbackSubtitle
+  const initials = computeInitials(fullName || email || fallbackName)
+  return { displayName, subtitle, initials }
+}
+
 const NAV_ITEMS = [
   { href: '/dashboard', key: 'dashboard', icon: LayoutDashboard, exact: true },
   { href: '/dashboard/fleet', key: 'fleet', icon: Car },
@@ -50,7 +67,9 @@ const NAV_ITEMS = [
   { href: '/dashboard/offers', key: 'offers', icon: Tag },
   { href: '/dashboard/team', key: 'team', icon: UserPlus },
   { href: '/dashboard/reports', key: 'reports', icon: BarChart2 },
+  { href: '/dashboard/subscription', key: 'subscription', icon: CreditCard },
   { href: '/dashboard/billing', key: 'billing', icon: CreditCard },
+  { href: '/dashboard/contracts', key: 'contracts', icon: FileText },
   { href: '/dashboard/notifications', key: 'notifications', icon: Bell },
   { href: '/dashboard/settings', key: 'settings', icon: Settings },
 ] as const
@@ -83,33 +102,25 @@ export default function Sidebar() {
       return
     }
 
+    const cached = window.localStorage.getItem(EMPLOYEE_PROFILE_KEY)
+    if (cached) {
+      try {
+        const profile = JSON.parse(cached) as Partial<EmployeeProfile>
+        setUser(toSidebarUser(profile, dict.workspaceUser, dict.localAuth))
+      } catch {}
+    }
+
     let cancelled = false
 
-    apiFetch<{
-      employee: {
-        email: string
-        firstName: string
-        lastName: string
-        role: string
-      }
-    }>('/auth/employee/me')
+    apiFetch<{ employee: EmployeeProfile }>('/auth/employee/me')
       .then(({ employee }) => {
         if (cancelled) return
-        const fullName = `${employee.firstName ?? ''} ${employee.lastName ?? ''}`.trim()
-        const email = employee.email ?? ''
-        const role = employee.role ?? ''
-        const displayName = fullName || (email ? email.split('@')[0] : dict.workspaceUser)
-        const subtitle = email || role || dict.localAuth
-        const initials = computeInitials(fullName || email || dict.workspaceUser)
-        setUser({ displayName, subtitle, initials })
+        window.localStorage.setItem(EMPLOYEE_PROFILE_KEY, JSON.stringify(employee))
+        setUser(toSidebarUser(employee, dict.workspaceUser, dict.localAuth))
       })
       .catch(() => {
         if (cancelled) return
-        setUser({
-          displayName: dict.workspaceUser,
-          subtitle: dict.localAuth,
-          initials: 'W',
-        })
+        if (!cached) setUser(toSidebarUser({}, dict.workspaceUser, dict.localAuth))
       })
 
     return () => { cancelled = true }
@@ -125,6 +136,7 @@ export default function Sidebar() {
 
   function signOut() {
     localStorage.removeItem(EMPLOYEE_TOKEN_KEY)
+    localStorage.removeItem(EMPLOYEE_PROFILE_KEY)
     document.cookie = 'employee_token=; path=/; max-age=0; samesite=lax'
     router.push('/sign-in')
   }