fixing default settings

app/client/web/src/App.tsx

@@ -105,7 +105,7 @@ export function App() {
 
   return (
     <div className={classes.app}>
-      <MantineProvider forceColorScheme={settings.state.theme} theme={theme}>
+      <MantineProvider forceColorScheme={settings.state.scheme} theme={theme}>
         <RouterProvider router={router} />
       </MantineProvider>
     </div>

app/client/web/src/access/Access.tsx

@@ -29,6 +29,8 @@ export function Access() {
   const [urlOpened, { open: urlOpen, close: urlClose }] = useDisclosure(false)
   const [otpOpened, { open: otpOpen, close: otpClose }] = useDisclosure(false)
 
+console.log("LANG: ", state.language);
+
   const login = async () => {
     if (!state.loading) {
       actions.setLoading(true)
@@ -300,7 +302,7 @@ export function Access() {
               <Select
                 label={state.strings.theme}
                 data={state.themes}
-                value={state.theme}
+                value={state.scheme}
                 onChange={(theme) => actions.setTheme(theme as string)}
               />
               <Select

app/client/web/src/access/useAccess.hook.ts

@@ -17,7 +17,7 @@ export function useAccess() {
     confirm: '',
     token: '',
     code: '',
-    theme: '',
+    scheme: '',
     language: '',
     node: '',
     loading: false,
@@ -104,13 +104,13 @@ export function useAccess() {
   }
 
   useEffect(() => {
-    const { display, strings, themes, theme, languages, language } =
+    const { display, strings, themes, scheme, languages, language } =
       settings.state
     updateState({
       display,
       strings,
       themes: [...themes],
-      theme,
+      scheme,
       languages,
       language,
     })

app/client/web/src/context/useSettingsContext.hook.ts

@@ -231,7 +231,7 @@ export function useSettingsContext() {
       const browser = navigator.language
       if (browser && browser.startsWith('fr')) {
         updateState({
-          language: null,
+          language: 'fr',
           strings: fr,
           themes: [
             { value: 'dark', label: fr.dark },
@@ -240,7 +240,7 @@ export function useSettingsContext() {
         })
       } else if (browser && browser.startsWith('sp')) {
         updateState({
-          language: null,
+          language: 'sp',
           strings: sp,
           themes: [
             { value: 'dark', label: sp.dark },
@@ -249,7 +249,7 @@ export function useSettingsContext() {
         })
       } else if (browser && browser.startsWith('pt')) {
         updateState({
-          language: null,
+          language: 'pt',
           strings: pt,
           themes: [
             { value: 'dark', label: pt.dark },
@@ -258,7 +258,7 @@ export function useSettingsContext() {
         })
       } else if (browser && browser.startsWith('de')) {
         updateState({
-          language: null,
+          language: 'de',
           strings: de,
           themes: [
             { value: 'dark', label: de.dark },
@@ -267,7 +267,7 @@ export function useSettingsContext() {
         })
       } else if (browser && browser.startsWith('ru')) {
         updateState({
-          language: null,
+          language: 'ru',
           strings: ru,
           themes: [
             { value: 'dark', label: ru.dark },
@@ -276,7 +276,7 @@ export function useSettingsContext() {
         })
       } else {
         updateState({
-          language: null,
+          language: 'en',
           strings: en,
           themes: [
             { value: 'dark', label: en.dark },
@@ -338,7 +338,7 @@ export function useSettingsContext() {
         } else {
           updateState({
             theme: null,
-            scheme: 'ligth',
+            scheme: 'light',
             colors: LightTheme,
             menuStyle: {
               backgroundColor: LightTheme.modalArea,
@@ -414,7 +414,7 @@ export function useSettingsContext() {
         const browser = navigator.language
         if (browser && browser.startsWith('fr')) {
           updateState({
-            language: null,
+            language: 'fr',
             strings: fr,
             themes: [
               { value: 'dark', label: fr.dark },
@@ -423,7 +423,7 @@ export function useSettingsContext() {
           })
         } else if (browser && browser.startsWith('sp')) {
           updateState({
-            language: null,
+            language: 'sp',
             strings: sp,
             themes: [
               { value: 'dark', label: sp.dark },
@@ -432,7 +432,7 @@ export function useSettingsContext() {
           })
         } else if (browser && browser.startsWith('pt')) {
           updateState({
-            language: null,
+            language: 'pt',
             strings: pt,
             themes: [
               { value: 'dark', label: pt.dark },
@@ -441,7 +441,7 @@ export function useSettingsContext() {
           })
         } else if (browser && browser.startsWith('de')) {
           updateState({
-            language: null,
+            language: 'de',
             strings: de,
             themes: [
               { value: 'dark', label: de.dark },
@@ -450,7 +450,7 @@ export function useSettingsContext() {
           })
         } else if (browser && browser.startsWith('ru')) {
           updateState({
-            language: null,
+            language: 'ru',
             strings: ru,
             themes: [
               { value: 'dark', label: ru.dark },
@@ -459,7 +459,7 @@ export function useSettingsContext() {
           })
         } else {
           updateState({
-            language: null,
+            language: 'en',
             strings: en,
             themes: [
               { value: 'dark', label: en.dark },