chore: layout refactor (#2532)

* chore: layout refactor

* fix: profile auth issue

* chore: project setting layout refactor

* chore: workspace layout refactor

* chore: profile layout refactor

* chore: layout import refactor

web/pages/[workspaceSlug]/profile/[userId]/assigned.tsx

@@ -3,11 +3,11 @@ import type { NextPage } from "next";
 import { useRouter } from "next/router";
 import useSWR from "swr";
 import { observer } from "mobx-react-lite";
-// contexts
-import { ProfileIssuesContextProvider } from "contexts/profile-issues-context";
 // layouts
+import { AppLayout } from "layouts/app-layout";
 import { ProfileAuthWrapper } from "layouts/profile-layout";
 // components
+import { UserProfileHeader } from "components/headers";
 import { ProfileIssuesListLayout } from "components/issues/issue-layouts/list/profile-issues-root";
 import { ProfileIssuesKanBanLayout } from "components/issues/issue-layouts/kanban/profile-issues-root";
 // hooks
@@ -45,7 +45,7 @@ const ProfileAssignedIssues: NextPage = observer(() => {
   const activeLayout = profileIssueFiltersStore.userDisplayFilters.layout;
 
   return (
-    <ProfileIssuesContextProvider>
+    <AppLayout header={<UserProfileHeader />}>
       <ProfileAuthWrapper>
         {profileIssuesStore.loader ? (
           <div>Loading...</div>
@@ -59,7 +59,7 @@ const ProfileAssignedIssues: NextPage = observer(() => {
           </div>
         )}
       </ProfileAuthWrapper>
-    </ProfileIssuesContextProvider>
+    </AppLayout>
   );
 });
 

web/pages/[workspaceSlug]/profile/[userId]/created.tsx

@@ -1,20 +1,20 @@
 import React from "react";
 
-// contexts
-import { ProfileIssuesContextProvider } from "contexts/profile-issues-context";
 // layouts
+import { AppLayout } from "layouts/app-layout";
 import { ProfileAuthWrapper } from "layouts/profile-layout";
 // components
+import { UserProfileHeader } from "components/headers";
 import { ProfileIssuesView } from "components/profile";
 // types
 import type { NextPage } from "next";
 
 const ProfileCreatedIssues: NextPage = () => (
-  <ProfileIssuesContextProvider>
+  <AppLayout header={<UserProfileHeader />}>
     <ProfileAuthWrapper>
       <ProfileIssuesView />
     </ProfileAuthWrapper>
-  </ProfileIssuesContextProvider>
+  </AppLayout>
 );
 
 export default ProfileCreatedIssues;

web/pages/[workspaceSlug]/profile/[userId]/index.tsx

@@ -7,8 +7,10 @@ import useSWR from "swr";
 // services
 import { UserService } from "services/user.service";
 // layouts
+import { AppLayout } from "layouts/app-layout";
 import { ProfileAuthWrapper } from "layouts/profile-layout";
 // components
+import { UserProfileHeader } from "components/headers";
 import {
   ProfileActivity,
   ProfilePriorityDistribution,
@@ -43,17 +45,19 @@ const ProfileOverview: NextPage = () => {
   });
 
   return (
-    <ProfileAuthWrapper>
-      <div className="h-full w-full px-5 md:px-9 py-5 space-y-7 overflow-y-auto">
-        <ProfileStats userProfile={userProfile} />
-        <ProfileWorkload stateDistribution={stateDistribution} />
-        <div className="grid grid-cols-1 xl:grid-cols-2 items-stretch gap-5">
-          <ProfilePriorityDistribution userProfile={userProfile} />
-          <ProfileStateDistribution stateDistribution={stateDistribution} userProfile={userProfile} />
+    <AppLayout header={<UserProfileHeader />}>
+      <ProfileAuthWrapper>
+        <div className="h-full w-full px-5 md:px-9 py-5 space-y-7 overflow-y-auto">
+          <ProfileStats userProfile={userProfile} />
+          <ProfileWorkload stateDistribution={stateDistribution} />
+          <div className="grid grid-cols-1 xl:grid-cols-2 items-stretch gap-5">
+            <ProfilePriorityDistribution userProfile={userProfile} />
+            <ProfileStateDistribution stateDistribution={stateDistribution} userProfile={userProfile} />
+          </div>
+          <ProfileActivity />
         </div>
-        <ProfileActivity />
-      </div>
-    </ProfileAuthWrapper>
+      </ProfileAuthWrapper>
+    </AppLayout>
   );
 };
 

web/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx

@@ -1,20 +1,20 @@
 import React from "react";
 
-// contexts
-import { ProfileIssuesContextProvider } from "contexts/profile-issues-context";
 // layouts
+import { AppLayout } from "layouts/app-layout";
 import { ProfileAuthWrapper } from "layouts/profile-layout";
 // components
+import { UserProfileHeader } from "components/headers";
 import { ProfileIssuesView } from "components/profile";
 // types
 import type { NextPage } from "next";
 
 const ProfileSubscribedIssues: NextPage = () => (
-  <ProfileIssuesContextProvider>
+  <AppLayout header={<UserProfileHeader />}>
     <ProfileAuthWrapper>
       <ProfileIssuesView />
     </ProfileAuthWrapper>
-  </ProfileIssuesContextProvider>
+  </AppLayout>
 );
 
 export default ProfileSubscribedIssues;