Fix brand theme application and add comprehensive translations

- Fixed theme not being reflected on gallery and admin login pages
- Created GlobalThemeProvider to apply themes globally
- Updated gallery and admin login pages to use dynamic CSS variables
- Added complete translations for all admin sections in English and German:
  - Notifications management
  - Event view and creation
  - Photo upload functionality
  - Category management
  - Archive page view
  - Analytics dashboard
  - Branding and theme settings
  - System settings
  - CMS page management
  - Email configuration
- Fixed admin photo management display issues
- Fixed photo upload category assignment
- Added password reset functionality for galleries
- Improved error handling and user feedback

🤖 Generated with [Claude Code](https://claude.ai/code)

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

frontend/src/App.tsx

@@ -5,7 +5,7 @@ import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import { analyticsService } from './services/analytics.service';
 
-import { GalleryAuthProvider } from './contexts';
+import { GalleryAuthProvider, MaintenanceProvider } from './contexts';
 import { ThemeProvider } from './contexts/ThemeContext';
 import { GalleryPage } from './pages/GalleryPage';
 import { PreviewPage } from './pages/gallery/PreviewPage';
@@ -25,6 +25,8 @@ import {
 } from './pages/admin';
 import { AdminLayout, AdminAuthWrapper } from './components/admin';
 import { PageErrorBoundary, OfflineIndicator, SkipLink, DynamicFavicon } from './components/common';
+import { MaintenanceWrapper } from './components/MaintenanceWrapper';
+import { GlobalThemeProvider } from './components/GlobalThemeProvider';
 
 // Create a client
 const queryClient = new QueryClient({
@@ -37,82 +39,110 @@ const queryClient = new QueryClient({
 });
 
 function App() {
-  // Initialize Umami Analytics
+  // Initialize Umami Analytics based on settings
   useEffect(() => {
-    const umamiUrl = import.meta.env.VITE_UMAMI_URL;
-    const umamiWebsiteId = import.meta.env.VITE_UMAMI_WEBSITE_ID;
+    const initializeAnalytics = async () => {
+      const umamiUrl = import.meta.env.VITE_UMAMI_URL;
+      const umamiWebsiteId = import.meta.env.VITE_UMAMI_WEBSITE_ID;
+      
+      if (umamiUrl && umamiWebsiteId) {
+        try {
+          // Fetch public settings to check if analytics is enabled
+          const response = await fetch(`${import.meta.env.VITE_API_URL || 'http://localhost:3001'}/api/public/settings`);
+          const settings = await response.json();
+          
+          // Only initialize if analytics is enabled in settings
+          if (settings.enable_analytics !== false) {
+            analyticsService.initialize({
+              websiteId: umamiWebsiteId,
+              hostUrl: umamiUrl,
+              autoTrack: true,
+              doNotTrack: true
+            });
+          }
+        } catch (error) {
+          console.error('Failed to fetch settings for analytics:', error);
+          // Initialize analytics anyway if settings fetch fails
+          analyticsService.initialize({
+            websiteId: umamiWebsiteId,
+            hostUrl: umamiUrl,
+            autoTrack: true,
+            doNotTrack: true
+          });
+        }
+      }
+    };
     
-    if (umamiUrl && umamiWebsiteId) {
-      analyticsService.initialize({
-        websiteId: umamiWebsiteId,
-        hostUrl: umamiUrl,
-        autoTrack: true,
-        doNotTrack: true
-      });
-    }
+    initializeAnalytics();
   }, []);
 
   return (
     <PageErrorBoundary>
       <QueryClientProvider client={queryClient}>
-        <ThemeProvider>
-          <DynamicFavicon />
-          <Router>
-            <SkipLink />
-            <Routes>
-              {/* Public gallery routes */}
-              <Route path="/gallery/preview" element={<PreviewPage />} />
-              <Route path="/gallery/:slug/:token?" element={
-                <GalleryAuthProvider>
-                  <GalleryPage />
-                </GalleryAuthProvider>
-              } />
+        <MaintenanceProvider>
+          <ThemeProvider>
+            <GlobalThemeProvider>
+              <DynamicFavicon />
+              <Router>
+                <MaintenanceWrapper>
+                  <SkipLink />
+                  <Routes>
+                  {/* Public gallery routes */}
+                  <Route path="/gallery/preview" element={<PreviewPage />} />
+                  <Route path="/gallery/:slug/:token?" element={
+                    <GalleryAuthProvider>
+                      <GalleryPage />
+                    </GalleryAuthProvider>
+                  } />
 
-              {/* Admin routes - wrap with AdminAuthProvider */}
-              <Route path="/admin" element={<AdminAuthWrapper />}>
-                <Route path="login" element={<AdminLoginPage />} />
-                <Route element={<AdminLayout />}>
-                  <Route path="dashboard" element={<AdminDashboard />} />
-                  <Route path="events" element={<EventsListPage />} />
-                  <Route path="events/new" element={<CreateEventPage />} />
-                  <Route path="events/:id" element={<EventDetailsPage />} />
-                  <Route path="archives" element={<ArchivesPage />} />
-                  <Route path="email" element={<EmailConfigPage />} />
-                  <Route path="analytics" element={<AnalyticsPage />} />
-                  <Route path="branding" element={<BrandingPage />} />
-                  <Route path="settings" element={<SettingsPage />} />
-                  <Route path="cms" element={<CMSPage />} />
-                  <Route index element={<Navigate to="/admin/dashboard" replace />} />
-                </Route>
-              </Route>
+                  {/* Admin routes - wrap with AdminAuthProvider */}
+                  <Route path="/admin" element={<AdminAuthWrapper />}>
+                    <Route path="login" element={<AdminLoginPage />} />
+                    <Route element={<AdminLayout />}>
+                      <Route path="dashboard" element={<AdminDashboard />} />
+                      <Route path="events" element={<EventsListPage />} />
+                      <Route path="events/new" element={<CreateEventPage />} />
+                      <Route path="events/:id" element={<EventDetailsPage />} />
+                      <Route path="archives" element={<ArchivesPage />} />
+                      <Route path="email" element={<EmailConfigPage />} />
+                      <Route path="analytics" element={<AnalyticsPage />} />
+                      <Route path="branding" element={<BrandingPage />} />
+                      <Route path="settings" element={<SettingsPage />} />
+                      <Route path="cms" element={<CMSPage />} />
+                      <Route index element={<Navigate to="/admin/dashboard" replace />} />
+                    </Route>
+                  </Route>
 
-              {/* Public legal pages */}
-              <Route path="/impressum" element={<LegalPage />} />
-              <Route path="/datenschutz" element={<LegalPage />} />
-              <Route path="/:slug" element={<LegalPage />} />
+                  {/* Public legal pages */}
+                  <Route path="/impressum" element={<LegalPage />} />
+                  <Route path="/datenschutz" element={<LegalPage />} />
+                  <Route path="/:slug" element={<LegalPage />} />
 
-              {/* Default redirect */}
-              <Route path="/" element={<Navigate to="/admin/login" replace />} />
-            </Routes>
-          </Router>
+                  {/* Default redirect */}
+                  <Route path="/" element={<Navigate to="/admin/login" replace />} />
+                </Routes>
+              </MaintenanceWrapper>
+            </Router>
 
-          {/* Offline indicator */}
-          <OfflineIndicator />
+            {/* Offline indicator */}
+            <OfflineIndicator />
 
-          {/* Toast notifications */}
-          <ToastContainer
-            position="bottom-right"
-            autoClose={5000}
-            hideProgressBar={false}
-            newestOnTop
-            closeOnClick
-            rtl={false}
-            pauseOnFocusLoss
-            draggable
-            pauseOnHover
-            theme="light"
-          />
-        </ThemeProvider>
+            {/* Toast notifications */}
+            <ToastContainer
+              position="bottom-right"
+              autoClose={5000}
+              hideProgressBar={false}
+              newestOnTop
+              closeOnClick
+              rtl={false}
+              pauseOnFocusLoss
+              draggable
+              pauseOnHover
+              theme="light"
+            />
+            </GlobalThemeProvider>
+          </ThemeProvider>
+        </MaintenanceProvider>
       </QueryClientProvider>
     </PageErrorBoundary>
   );