fix(admin): keep pro badges and theme colors in sync

src/components/admin/branding-section.tsx

@@ -406,35 +406,35 @@ function BrandingForm({ initial, disabled }: { initial: BrandingConfig; disabled
             <ThemeColorInput
               id="theme-primary"
               label={t('admin.settings.branding.themePrimary')}
-              value={customTheme.primary_color}
+              value={previewTheme.primary_color}
               disabled={disabled || themeMode !== 'custom'}
               onChange={(primary_color) => setCustomTheme({ ...customTheme, primary_color })}
             />
             <ThemeColorInput
               id="theme-primary-foreground"
               label={t('admin.settings.branding.themePrimaryForeground')}
-              value={customTheme.primary_foreground}
+              value={previewTheme.primary_foreground}
               disabled={disabled || themeMode !== 'custom'}
               onChange={(primary_foreground) => setCustomTheme({ ...customTheme, primary_foreground })}
             />
             <ThemeColorInput
               id="theme-canvas"
               label={t('admin.settings.branding.themeCanvas')}
-              value={customTheme.canvas_color}
+              value={previewTheme.canvas_color}
               disabled={disabled || themeMode !== 'custom'}
               onChange={(canvas_color) => setCustomTheme({ ...customTheme, canvas_color })}
             />
             <ThemeColorInput
               id="theme-sidebar-accent"
               label={t('admin.settings.branding.themeSidebarAccent')}
-              value={customTheme.sidebar_accent_color}
+              value={previewTheme.sidebar_accent_color}
               disabled={disabled || themeMode !== 'custom'}
               onChange={(sidebar_accent_color) => setCustomTheme({ ...customTheme, sidebar_accent_color })}
             />
             <ThemeColorInput
               id="theme-ring"
               label={t('admin.settings.branding.themeRing')}
-              value={customTheme.ring_color}
+              value={previewTheme.ring_color}
               disabled={disabled || themeMode !== 'custom'}
               onChange={(ring_color) => setCustomTheme({ ...customTheme, ring_color })}
             />

src/routes/_authenticated/admin/announcement.tsx

@@ -105,7 +105,7 @@ function AnnouncementPage() {
       <AdminPageHeader
         title={t('admin.announcement.title')}
         description={t('admin.announcement.description')}
-        badge={!entitlementLoading && !announcementsEnabled && <ProBadge />}
+        badge={<ProBadge />}
         action={
           <Button size="sm" onClick={() => setFormOpen(true)} disabled={!announcementsEnabled}>
             <Plus className="mr-2 h-4 w-4" />

src/routes/_authenticated/admin/audit.tsx

@@ -106,7 +106,7 @@ function AuditLogsPage() {
       <AdminPageHeader
         title={t('admin.audit.title')}
         description={t('admin.audit.description')}
-        badge={!entitlementLoading && !auditEnabled && <ProBadge tooltip={t('admin.audit.proTooltip')} />}
+        badge={<ProBadge tooltip={t('admin.audit.proTooltip')} />}
       />
 
       {entitlementLoading ? null : !auditEnabled ? (