Merge pull request #44 from KelvinTegelaar/main

[pull] main from KelvinTegelaar:main

Author: pull[bot]

src/components/CippComponents/CippTenantSelector.jsx

@@ -230,7 +230,13 @@ export const CippTenantSelector = (props) => {
         });
       }
     }
-  }, [router.isReady, router.query.tenantFilter, tenantList.isSuccess, settings.currentTenant, settings.isInitialized]);
+  }, [
+    router.isReady,
+    router.query.tenantFilter,
+    tenantList.isSuccess,
+    settings.currentTenant,
+    settings.isInitialized,
+  ]);
 
   // This effect ensures the tenant filter parameter is included in the URL when missing
   useEffect(() => {

src/pages/_app.js

@@ -366,15 +366,13 @@ const App = (props) => {
             <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={dateLocale}>
               <SettingsConsumer>
                 {(settings) => {
-                  if (!settings.isInitialized) {
-                    return null; // Don't render until settings are loaded
-                  }
+                  // Create theme even while initializing to avoid blank screen
                   const theme = createTheme({
                     colorPreset: "orange",
-                    direction: settings.direction,
+                    direction: settings.direction || "ltr",
                     paletteMode:
                       settings.currentTheme?.value !== "browser"
-                        ? settings.currentTheme?.value
+                        ? settings.currentTheme?.value || "light"
                         : preferredTheme,
                     contrast: "high",
                   });