ALF content language dialog (#9471)

Co-authored-by: Eric Bailey <git@esb.lol>

src/state/shell/color-mode.tsx

@@ -20,8 +20,12 @@ const setContext = React.createContext<SetContext>({} as SetContext)
 setContext.displayName = 'ColorModeSetContext'
 
 export function Provider({children}: React.PropsWithChildren<{}>) {
-  const [colorMode, setColorMode] = React.useState(persisted.get('colorMode'))
-  const [darkTheme, setDarkTheme] = React.useState(persisted.get('darkTheme'))
+  const [colorMode, setColorMode] = React.useState(() =>
+    persisted.get('colorMode'),
+  )
+  const [darkTheme, setDarkTheme] = React.useState(() =>
+    persisted.get('darkTheme'),
+  )
 
   const stateContextValue = React.useMemo(
     () => ({