feat: production deployment - full update with providers, admin, glossaries, pricing, tests

Major changes across backend, frontend, infrastructure:
- Provider system with model selection (Google, DeepL, OpenAI, Ollama, Google Cloud)
- Admin panel: user management, pricing, settings
- Glossary system with CSV import/export
- Subscription and tier quota management
- Security hardening (rate limiting, API key auth, path traversal fixes)
- Docker compose for dev, prod, and IONOS deployment
- Alembic migrations for new tables
- Frontend: dashboard, pricing page, landing page, i18n (en/fr)
- Test suite and verification scripts

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/app/dashboard/DashboardSidebar.tsx

@@ -11,14 +11,17 @@ import { Button } from '@/components/ui/button';
 import { useUser } from './useUser';
 import { useLogout } from './useLogout';
 import { getNavItems } from './constants';
-import { getInitials } from './utils';
+import { getInitials, translateTier } from './utils';
+import { ThemeToggle } from '@/components/ui/theme-toggle';
+import { useI18n } from '@/lib/i18n';
 
 export function DashboardSidebar() {
   const pathname = usePathname();
   const { data: user, isLoading } = useUser();
   const { logout } = useLogout();
+  const { t } = useI18n();
 
-  const navItems = getNavItems(user?.tier === 'pro');
+  const navItems = getNavItems(['pro', 'business', 'enterprise'].includes(user?.tier ?? ''));
 
   return (
     <aside className="hidden w-64 shrink-0 border-r border-border bg-card lg:flex lg:flex-col">
@@ -27,9 +30,7 @@ export function DashboardSidebar() {
         <div className="flex size-7 items-center justify-center rounded-md bg-foreground">
           <Languages className="size-3.5 text-background" />
         </div>
-        <span className="text-sm font-semibold tracking-tight text-foreground">
-          Office Translator
-        </span>
+        <span className="text-sm font-semibold tracking-tight text-foreground">{t('auth.brandName')}</span>
       </div>
 
       <Separator />
@@ -50,7 +51,7 @@ export function DashboardSidebar() {
               )}
             >
               <item.icon className="size-4 shrink-0" />
-              {item.label}
+              {t(item.labelKey)}
             </Link>
           );
         })}
@@ -60,32 +61,36 @@ export function DashboardSidebar() {
 
       {/* User section */}
       {!isLoading && user && (
-        <div className="flex items-center gap-3 px-5 py-4">
-          <Avatar className="size-8">
+        <div className="flex items-center gap-2.5 px-4 py-3">
+          <Avatar className="size-8 shrink-0">
             <AvatarFallback className="bg-accent text-accent-foreground text-xs font-semibold">
               {getInitials(user.name)}
             </AvatarFallback>
           </Avatar>
-          <div className="flex flex-col gap-0.5">
-            <span className="text-sm font-medium leading-none text-foreground">{user.name}</span>
-            <span className="text-xs leading-none text-muted-foreground">{user.email}</span>
+          <div className="flex min-w-0 flex-1 flex-col gap-0.5">
+            <span className="truncate text-sm font-medium leading-none text-foreground">{user.name}</span>
+            <span className="truncate text-xs leading-none text-muted-foreground">{user.email}</span>
+            <Badge
+              variant="secondary"
+              className={cn(
+                'mt-0.5 w-fit text-xs',
+                user.tier !== 'free' && user.tier && 'border border-accent/20 bg-accent/10 text-accent'
+              )}
+            >
+              {translateTier(t, user.tier)}
+            </Badge>
           </div>
-          <Badge 
-            variant="secondary" 
-            className={cn(
-              'ml-auto text-xs',
-              user.tier === 'pro' && 'border border-accent/20 bg-accent/10 text-accent'
-            )}
-          >
-            {user.tier === 'pro' ? 'Pro' : 'Free'}
-          </Badge>
         </div>
       )}
 
       <Separator />
 
-      {/* Logout */}
-      <div className="px-3 py-3">
+      {/* Actions */}
+      <div className="px-3 py-3 space-y-1">
+        <div className="flex items-center justify-between px-3 py-1.5">
+          <span className="text-xs text-muted-foreground">{t('dashboard.sidebar.theme')}</span>
+          <ThemeToggle />
+        </div>
         <Button 
           variant="ghost" 
           size="sm" 
@@ -93,16 +98,12 @@ export function DashboardSidebar() {
           onClick={logout}
         >
           <LogOut className="size-3.5" />
-          Sign out
+          {t('dashboard.sidebar.signOut')}
         </Button>
-      </div>
-
-      {/* Back to homepage */}
-      <div className="px-3 py-3">
         <Button variant="ghost" size="sm" className="w-full justify-start gap-2 text-muted-foreground" asChild>
           <Link href="/">
             <ChevronLeft className="size-3.5" />
-            Back to home
+            {t('dashboard.sidebar.backHome')}
           </Link>
         </Button>
       </div>