issues rendering in all issue layouts fir profile and project issues and global issues store implementation (#2886)

* dev: draft and archived issue store

* connect draft and archived issues

* kanban for draft issues

* fix filter store for calendar and kanban

* dev: profile issues store and draft issues filters in header

* disble issue creation for draft issues

* dev: profile issues store filters

* disable kanban properties in draft issues

* dev: profile issues store filters

* dev: seperated adding issues to the cycle and module as seperate methds in cycle and module store

* dev: workspace profile issues store

* dev: sub group issues in the swimlanes

* profile issues and create issue connection

* fix profile issues

* fix spreadsheet issues

* fix dissapearing project from create issue modal

* page level modifications

* fix additional bugs

* dev: issues profile and global iisues and filters update

* fix issue related bugs

* fix project views for list and kanban

* fix build errors

---------

Co-authored-by: rahulramesha <rahulramesham@gmail.com>

web/components/profile/profile-issues.tsx

@@ -0,0 +1,63 @@
+import React, { ReactElement } from "react";
+import { useRouter } from "next/router";
+import useSWR from "swr";
+import { observer } from "mobx-react-lite";
+// layouts
+import { AppLayout } from "layouts/app-layout";
+import { ProfileAuthWrapper } from "layouts/user-profile-layout";
+// components
+import { UserProfileHeader } from "components/headers";
+import { ProfileIssuesListLayout } from "components/issues/issue-layouts/list/roots/profile-issues-root";
+import { ProfileIssuesKanBanLayout } from "components/issues/issue-layouts/kanban/roots/profile-issues-root";
+import { ProfileIssuesAppliedFiltersRoot } from "components/issues";
+import { Spinner } from "@plane/ui";
+// hooks
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+interface IProfileIssuesPage {
+  type: "assigned" | "subscribed" | "created";
+}
+
+export const ProfileIssuesPage = observer((props: IProfileIssuesPage) => {
+  const router = useRouter();
+  const { workspaceSlug, userId } = router.query as {
+    workspaceSlug: string;
+    userId: string;
+  };
+
+  const {
+    workspaceProfileIssues: { loader, getIssues, fetchIssues },
+    workspaceProfileIssuesFilter: { issueFilters, fetchFilters },
+  }: RootStore = useMobxStore();
+
+  useSWR(workspaceSlug && userId ? `CURRENT_WORKSPACE_PROFILE_ISSUES_${workspaceSlug}_${userId}` : null, async () => {
+    if (workspaceSlug && userId) {
+      await fetchFilters(workspaceSlug);
+      await fetchIssues(workspaceSlug, userId, getIssues ? "mutation" : "init-loader", props.type);
+    }
+  });
+
+  const activeLayout = issueFilters?.displayFilters?.layout || undefined;
+
+  return (
+    <>
+      {loader === "init-loader" ? (
+        <div className="flex justify-center items-center w-full h-full">
+          <Spinner />
+        </div>
+      ) : (
+        <>
+          <ProfileIssuesAppliedFiltersRoot />
+          <div className="w-full h-full relative overflow-auto -z-1">
+            {activeLayout === "list" ? (
+              <ProfileIssuesListLayout />
+            ) : activeLayout === "kanban" ? (
+              <ProfileIssuesKanBanLayout />
+            ) : null}
+          </div>
+        </>
+      )}
+    </>
+  );
+});