feat: add email connector route and sidebar navigation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ui/src/components/Layout.tsx

@@ -4,7 +4,7 @@ import {
   Sidebar,
   TopBar,
 } from '@cameleer/design-system';
-import { LayoutDashboard, ShieldCheck, Users, Settings, Shield, Building, ScrollText } from 'lucide-react';
+import { LayoutDashboard, ShieldCheck, Users, Settings, Shield, Building, ScrollText, Mail } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
 import { useAuth } from '../auth/useAuth';
 import { useScopes } from '../auth/useScopes';
@@ -125,11 +125,20 @@ export function Layout() {
           >
             Infrastructure
           </div>
+          <div
+            style={{ padding: '6px 12px 6px 36px', fontSize: 13, cursor: 'pointer',
+              fontWeight: isActive(location, '/vendor/email') ? 600 : 400,
+              color: isActive(location, '/vendor/email') ? 'var(--amber)' : 'var(--text-muted)' }}
+            onClick={() => navigate('/vendor/email')}
+          >
+            <Mail size={12} style={{ marginRight: 6, verticalAlign: -1 }} />
+            Email Connector
+          </div>
           <div
             style={{ padding: '6px 12px 6px 36px', fontSize: 13, cursor: 'pointer', color: 'var(--text-muted)' }}
             onClick={() => window.open(`${window.location.protocol}//${window.location.hostname}:3002`, '_blank', 'noopener')}
           >
-            Identity (Logto)
+            Logto Console
           </div>
         </Sidebar.Section>
       )}