feat(mobx): add sync back (do not look at the code)

src/context/index.tsx

@@ -1,5 +1,11 @@
 import { BrowserRouter as Router } from "react-router-dom";
 
+import { useEffect, useState } from "preact/hooks";
+
+import { hydrateState } from "../mobx/State";
+
+import Preloader from "../components/ui/Preloader";
+
 import { Children } from "../types/Preact";
 import Locale from "./Locale";
 import Theme from "./Theme";
@@ -11,6 +17,14 @@ import Client from "./revoltjs/RevoltClient";
  * @param param0 Provided children
  */
 export default function Context({ children }: { children: Children }) {
+    const [ready, setReady] = useState(false);
+
+    useEffect(() => {
+        hydrateState().then(() => setReady(true));
+    }, []);
+
+    if (!ready) return <Preloader type="spinner" />;
+
     return (
         <Router basename={import.meta.env.BASE_URL}>
             <Locale>