migrate frontend

web/src/App.tsx

@@ -0,0 +1,30 @@
+import { useContext, useEffect } from "react";
+import appContext from "./stores/appContext";
+import { appRouterSwitch } from "./routers";
+import { globalStateService } from "./services";
+import "./less/app.less";
+import 'prismjs/themes/prism.css';
+
+function App() {
+  const {
+    locationState: { pathname },
+  } = useContext(appContext);
+
+  useEffect(() => {
+    const handleWindowResize = () => {
+      globalStateService.setIsMobileView(document.body.clientWidth <= 875);
+    };
+
+    handleWindowResize();
+
+    window.addEventListener("resize", handleWindowResize);
+
+    return () => {
+      window.removeEventListener("resize", handleWindowResize);
+    };
+  }, []);
+
+  return <>{appRouterSwitch(pathname)}</>;
+}
+
+export default App;