feat: styles update

src/pages/profile.tsx

@@ -1,12 +1,13 @@
 import Menu from "@/components/menu";
 import { FunctionComponent } from "preact";
 import { lazy, Route, Router, useLocation } from "preact-iso";
+import ids from "./profile.module.scss";
 
 const ProfilePage: FunctionComponent = () => {
   const { route } = useLocation();
   return (
-    <div class="flex h-screen flex-col md:flex-row">
-      <div class="flex-1 overflow-y-auto px-3 pb-20 break-all md:pb-0">
+    <div id={ids.main_container}>
+      <div id={ids.router_container}>
         <Router>
           <Route path="/settings" component={lazy(() => import("./profile_settings"))} />
           <Route path="/tasks" component={lazy(() => import("./profile_tasks"))} />
@@ -20,7 +21,7 @@ const ProfilePage: FunctionComponent = () => {
           />
         </Router>
       </div>
-      <div className="md:sticky md:top-0 md:h-screen">
+      <div id={ids.menu_container}>
         <Menu />
       </div>
     </div>