feat: profile tasks page

src/pages/profile.tsx

@@ -9,7 +9,7 @@ const ProfilePage: FunctionComponent = () => {
       <div class="flex-1 overflow-y-auto px-3 pb-20 break-all md:pb-0">
         <Router>
           <Route path="/settings" component={lazy(() => import("./profile_settings"))} />
-          <Route path="/tasks" component={() => <p class="text-2xl">Tasks</p>} />
+          <Route path="/tasks" component={lazy(() => import("./profile_tasks"))} />
           <Route path="/calendar" component={lazy(() => import("./calendar"))} />
           <Route
             default