feat(branding): add RoadMonitor logo and update auth/sidebar branding

src/components/app-sidebar.tsx

@@ -1,6 +1,7 @@
 'use client';
 import * as React from 'react';
-import { ChevronRight, Package } from 'lucide-react';
+import { ChevronRight } from 'lucide-react';
+import { LogoWrapper } from '@/components/LogoWrapper';
 import { NavUser } from '@/components/nav-user';
 import {
   filterMenuItems,
@@ -49,12 +50,10 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
     <Sidebar collapsible="icon" {...props}>
       <SidebarHeader>
         <div className="flex items-center gap-2 py-2">
-          <div className="flex aspect-square size-8 items-center justify-center rounded-lg bg-primary text-primary-foreground">
-            <Package className="size-4" />
-          </div>
+          <LogoWrapper size="sm" variant="sidebar" />
           <div className="grid flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden">
-            <span className="truncate font-semibold">Vision Road</span>
-            <span className="truncate text-xs">Analytics Platform</span>
+            <span className="truncate font-semibold">RoadMonitor</span>
+            <span className="truncate text-xs">Road Intelligence</span>
           </div>
         </div>
       </SidebarHeader>
@@ -148,3 +147,4 @@ function SidebarNavItem({
     </SidebarMenuItem>
   );
 }
+