feat: menu styles

src/pages/profile.tsx

@@ -6,14 +6,87 @@ const ProfilePage: FunctionComponent = () => {
   const { route } = useLocation();
   return (
     <div class="flex min-w-screen flex-row justify-between">
-      <div class="w-full overflow-x-auto">
+      <div class="w-full overflow-x-hidden overflow-y-auto px-3 pb-20 break-all md:pb-0">
         <Router>
-          <Route path="/settings" component={() => <h1>Test</h1>} />
-          <Route path="/tasks" component={() => <h1>Test2</h1>} />
+          <Route
+            path="/settings"
+            component={() => (
+              <p class="text-2xl">
+                information sets circus station three entirely outer fun event free thirty breathing race snow planned
+                surface fully he cast town group plant egg journeyearly city thread fight outline wear key flame special
+                voice carefully exactly entire notice practical biggest television find particular middle noise cloud
+                tobacco cameraowner rule factor lift within order somewhere rocky powerful steam expect forty tonight
+                son front motor knowledge law easily equipment worse adult straw declaredhave famous choose ants us
+                broke warn prevent follow depth been buffalo bag classroom before term repeat want here plant division
+                camera hang preparechurch call member it build rose who potatoes easy sides exclaimed foot independent
+                point alone gone forty completely habit slept heard stand forest paperjoy repeat shot wrote label giving
+                whale quick tomorrow feathers additional active unless reader angle copy blanket white pitch my seeing
+                instant result asideexcited front word guess each wolf leader steady rhyme sound thy chapter during
+                electricity available managed comfortable eight left scientist article which stove term information sets
+                circus station three entirely outer fun event free thirty breathing race snow planned surface fully he
+                cast town group plant egg journeyearly city thread fight outline wear key flame special voice carefully
+                exactly entire notice practical biggest television find particular middle noise cloud tobacco
+                cameraowner rule factor lift within order somewhere rocky powerful steam expect forty tonight son front
+                motor knowledge law easily equipment worse adult straw declaredhave famous choose ants us broke warn
+                prevent follow depth been buffalo bag classroom before term repeat want here plant division camera hang
+                preparechurch call member it build rose who potatoes easy sides exclaimed foot independent point alone
+                gone forty completely habit slept heard stand forest paperjoy repeat shot wrote label giving whale quick
+                tomorrow feathers additional active unless reader angle copy blanket white pitch my seeing instant
+                result asideexcited front word guess each wolf leader steady rhyme sound thy chapter during electricity
+                available managed comfortable eight left scientist article which stove terminformation sets circus
+                station three entirely outer fun event free thirty breathing race snow planned surface fully he cast
+                town group plant egg journeyearly city thread fight outline wear key flame special voice carefully
+                exactly entire notice practical biggest television find particular middle noise cloud tobacco
+                cameraowner rule factor lift within order somewhere rocky powerful steam expect forty tonight son front
+                motor knowledge law easily equipment worse adult straw declaredhave famous choose ants us broke warn
+                prevent follow depth been buffalo bag classroom before term repeat want here plant division camera hang
+                preparechurch call member it build rose who potatoes easy sides exclaimed foot independent point alone
+                gone forty completely habit slept heard stand forest paperjoy repeat shot wrote label giving whale quick
+                tomorrow feathers additional active unless reader angle copy blanket white pitch my seeing instant
+                result asideexcited front word guess each wolf leader steady rhyme sound thy chapter during electricity
+                available managed comfortable eight left scientist article which stove terminformation sets circus
+                station three entirely outer fun event free thirty breathing race snow planned surface fully he cast
+                town group plant egg journeyearly city thread fight outline wear key flame special voice carefully
+                exactly entire notice practical biggest television find particular middle noise cloud tobacco
+                cameraowner rule factor lift within order somewhere rocky powerful steam expect forty tonight son front
+                motor knowledge law easily equipment worse adult straw declaredhave famous choose ants us broke warn
+                prevent follow depth been buffalo bag classroom before term repeat want here plant division camera hang
+                preparechurch call member it build rose who potatoes easy sides exclaimed foot independent point alone
+                gone forty completely habit slept heard stand forest paperjoy repeat shot wrote label giving whale quick
+                tomorrow feathers additional active unless reader angle copy blanket white pitch my seeing instant
+                result asideexcited front word guess each wolf leader steady rhyme sound thy chapter during electricity
+                available managed comfortable eight left scientist article which stove terminformation sets circus
+                station three entirely outer fun event free thirty breathing race snow planned surface fully he cast
+                town group plant egg journeyearly city thread fight outline wear key flame special voice carefully
+                exactly entire notice practical biggest television find particular middle noise cloud tobacco
+                cameraowner rule factor lift within order somewhere rocky powerful steam expect forty tonight son front
+                motor knowledge law easily equipment worse adult straw declaredhave famous choose ants us broke warn
+                prevent follow depth been buffalo bag classroom before term repeat want here plant division camera hang
+                preparechurch call member it build rose who potatoes easy sides exclaimed foot independent point alone
+                gone forty completely habit slept heard stand forest paperjoy repeat shot wrote label giving whale quick
+                tomorrow feathers additional active unless reader angle copy blanket white pitch my seeing instant
+                result asideexcited front word guess each wolf leader steady rhyme sound thy chapter during electricity
+                available managed comfortable eight left scientist article which stove terminformation sets circus
+                station three entirely outer fun event free thirty breathing race snow planned surface fully he cast
+                town group plant egg journeyearly city thread fight outline wear key flame special voice carefully
+                exactly entire notice practical biggest television find particular middle noise cloud tobacco
+                cameraowner rule factor lift within order somewhere rocky powerful steam expect forty tonight son front
+                motor knowledge law easily equipment worse adult straw declaredhave famous choose ants us broke warn
+                prevent follow depth been buffalo bag classroom before term repeat want here plant division camera hang
+                preparechurch call member it build rose who potatoes easy sides exclaimed foot independent point alone
+                gone forty completely habit slept heard stand forest paperjoy repeat shot wrote label giving whale quick
+                tomorrow feathers additional active unless reader angle copy blanket white pitch my seeing instant
+                result asideexcited front word guess each wolf leader steady rhyme sound thy chapter during electricity
+                available managed comfortable eight left scientist article which stove term
+              </p>
+            )}
+          />
+          <Route path="/tasks" component={() => <p class="text-2xl">Tasks</p>} />
+          <Route path="/calendar" component={() => <p class="text-2xl">Calendar</p>} />
           <Route
             default
             component={() => {
-              route("/profile/settings", true);
+              route("/profile/tasks", true);
               return null;
             }}
           />