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

src/components/auth/AuthBackground.tsx

@@ -1,3 +1,4 @@
+import { LogoWrapper } from '@/components/LogoWrapper';
 import { cn } from '@/lib/utils';
 
 const BOKEH_ORBS = [
@@ -80,6 +81,30 @@ export function AuthBackground({ className }: AuthBackgroundProps) {
           )}
         />
       ))}
+
+      <div className="absolute inset-x-10 top-1/2 -translate-y-1/2 text-center text-primary-foreground">
+        <div className="mb-9 inline-flex items-center gap-5 text-left">
+          <LogoWrapper
+            alt=""
+            className="size-28 rounded-2xl border-[5px] p-4"
+            priority
+            variant="glass"
+          />
+          <span className="min-w-0">
+            <span className="block text-5xl font-semibold leading-none tracking-normal">
+              Road
+            </span>
+            <span className="block text-5xl font-semibold leading-none tracking-normal">
+              Monitor
+            </span>
+          </span>
+        </div>
+        <p className="mx-auto max-w-md text-base leading-7 text-primary-foreground/82">
+          Map, monitor, and repair road issues with data-driven surface
+          intelligence.
+        </p>
+      </div>
     </div>
   );
 }
+