fix: apply system theme dynamically (#4010)

Remove appearance comparison

web/src/App.tsx

@@ -34,10 +34,8 @@ const App = () => {
   useEffect(() => {
     const darkMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
     const handleColorSchemeChange = (e: MediaQueryListEvent) => {
-      if (commonContext.appearance === "system") {
+      const mode = e.matches ? "dark" : "light";
-        const mode = e.matches ? "dark" : "light";
+      setMode(mode);
-        setMode(mode);
-      }
     };
 
     try {