fix theme warning

src/app.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { Outlet, Route, Routes, useLocation, useParams } from 'react-router-dom';
 import { isAllView, isSubscriptionsView } from './lib/utils/view-utils';
 import useIsMobile from './hooks/use-is-mobile';
@@ -61,13 +61,22 @@ const BoardLayout = () => {
 };
 
 const GlobalLayout = () => {
-  const [theme] = useTheme();
+  const [theme, setTheme] = useState('');
+  const [currentTheme] = useTheme();
 
   useEffect(() => {
-    document.body.classList.add(theme);
-    return () => {
-      document.body.classList.remove(theme);
-    };
+    if (currentTheme !== theme) {
+      setTheme(currentTheme);
+    }
+  }, [currentTheme, theme]);
+
+  useEffect(() => {
+    if (theme) {
+      document.body.classList.add(theme);
+      return () => {
+        document.body.classList.remove(theme);
+      };
+    }
   }, [theme]);
 
   return (