chore: issue peek overview (#2918)

* chore: autorun for the issue detail store

* fix: labels mutation

* chore: remove old peek overview code

* chore: move add to cycle and module logic to store

* fix: build errors

* chore: add peekProjectId query param for the peek overview

* chore: update profile layout

* fix: multiple workspaces

* style: Issue activity and link design improvements in Peek overview.
* fix issue with labels not occupying full widht.
* fix links overflow issue.
* add tooltip in links to display entire link.
* add functionality to copy links to clipboard.

* chore: peek overview for all the layouts

* fix: build errors

---------

Co-authored-by: Prateek Shourya <prateekshourya29@gmail.com>
Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>

web/components/issues/issue-layouts/list/block.tsx

@@ -1,6 +1,6 @@
+import { useRouter } from "next/router";
 // components
 import { ListProperties } from "./properties";
-import { IssuePeekOverview } from "components/issues/issue-peek-overview";
 // ui
 import { Spinner, Tooltip } from "@plane/ui";
 // types
@@ -19,11 +19,21 @@ interface IssueBlockProps {
 
 export const IssueBlock: React.FC<IssueBlockProps> = (props) => {
   const { columnId, issue, handleIssues, quickActions, displayProperties, isReadonly } = props;
-
+  // router
+  const router = useRouter();
   const updateIssue = (group_by: string | null, issueToUpdate: IIssue) => {
     handleIssues(issueToUpdate, EIssueActions.UPDATE);
   };
 
+  const handleIssuePeekOverview = () => {
+    const { query } = router;
+
+    router.push({
+      pathname: router.pathname,
+      query: { ...query, peekIssueId: issue?.id, peekProjectId: issue?.project },
+    });
+  };
+
   return (
     <>
       <div className="text-sm p-3 relative bg-custom-background-100 flex items-center gap-3">
@@ -36,20 +46,14 @@ export const IssueBlock: React.FC<IssueBlockProps> = (props) => {
         {issue?.tempId !== undefined && (
           <div className="absolute top-0 left-0 w-full h-full animate-pulse bg-custom-background-100/20 z-[99999]" />
         )}
-
-        <IssuePeekOverview
-          workspaceSlug={issue?.workspace_detail?.slug}
-          projectId={issue?.project_detail?.id}
-          issueId={issue?.id}
-          isArchived={issue?.archived_at !== null}
-          handleIssue={(issueToUpdate) => {
-            handleIssues(issueToUpdate as IIssue, EIssueActions.UPDATE);
-          }}
-        >
-          <Tooltip tooltipHeading="Title" tooltipContent={issue.name}>
-            <div className="line-clamp-1 text-sm font-medium text-custom-text-100 w-full">{issue.name}</div>
-          </Tooltip>
-        </IssuePeekOverview>
+        <Tooltip tooltipHeading="Title" tooltipContent={issue.name}>
+          <div
+            className="line-clamp-1 text-sm font-medium text-custom-text-100 w-full cursor-pointer"
+            onClick={handleIssuePeekOverview}
+          >
+            {issue.name}
+          </div>
+        </Tooltip>
 
         <div className="ml-auto flex-shrink-0 flex items-center gap-2">
           {!issue?.tempId ? (