[PE-182] refactor: pages' components and store for scalability (#6283)

* refactor: created a generic base page instance

* refactor: project store hooks

* chore: add missing prop declaration

* refactor: editor page root and body

* refactor: issue embed hook

* chore: update search entity types

* fix: version editor component

* fix: add page to favorites action

---------

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

web/ce/components/pages/editor/ai/ask-pi-menu.tsx

@@ -11,13 +11,12 @@ type Props = {
   handleInsertText: (insertOnNextLine: boolean) => void;
   handleRegenerate: () => Promise<void>;
   isRegenerating: boolean;
-  projectId: string;
   response: string | undefined;
   workspaceSlug: string;
 };
 
 export const AskPiMenu: React.FC<Props> = (props) => {
-  const { handleInsertText, handleRegenerate, isRegenerating, projectId, response, workspaceSlug } = props;
+  const { handleInsertText, handleRegenerate, isRegenerating, response, workspaceSlug } = props;
   // states
   const [query, setQuery] = useState("");
 
@@ -42,7 +41,6 @@ export const AskPiMenu: React.FC<Props> = (props) => {
               containerClassName="!p-0 border-none"
               editorClassName="!pl-0"
               workspaceSlug={workspaceSlug}
-              projectId={projectId}
             />
             <div className="mt-3 flex items-center gap-4">
               <button

web/ce/components/pages/editor/ai/menu.tsx

@@ -21,7 +21,6 @@ type Props = {
   editorRef: RefObject<EditorRefApi>;
   isOpen: boolean;
   onClose: () => void;
-  projectId: string;
   workspaceSlug: string;
 };
 
@@ -59,7 +58,7 @@ const TONES_LIST = [
 ];
 
 export const EditorAIMenu: React.FC<Props> = (props) => {
-  const { editorRef, isOpen, onClose, projectId, workspaceSlug } = props;
+  const { editorRef, isOpen, onClose, workspaceSlug } = props;
   // states
   const [activeTask, setActiveTask] = useState<AI_EDITOR_TASKS | null>(null);
   const [response, setResponse] = useState<string | undefined>(undefined);
@@ -193,7 +192,6 @@ export const EditorAIMenu: React.FC<Props> = (props) => {
               handleInsertText={handleInsertText}
               handleRegenerate={handleRegenerate}
               isRegenerating={isRegenerating}
-              projectId={projectId}
               response={response}
               workspaceSlug={workspaceSlug}
             />
@@ -218,7 +216,6 @@ export const EditorAIMenu: React.FC<Props> = (props) => {
                       containerClassName="!p-0 border-none"
                       editorClassName="!pl-0"
                       workspaceSlug={workspaceSlug}
-                      projectId={projectId}
                     />
                     <div className="mt-3 flex items-center gap-4">
                       <button

web/ce/components/pages/extra-actions.tsx

@@ -1 +1,8 @@
-export const PageDetailsHeaderExtraActions = () => null;
+// store
+import { TPageInstance } from "@/store/pages/base-page";
+
+export type TPageHeaderExtraActionsProps = {
+  page: TPageInstance;
+};
+
+export const PageDetailsHeaderExtraActions: React.FC<TPageHeaderExtraActionsProps> = () => null;

web/ce/hooks/use-issue-embed.tsx

@@ -1,12 +1,18 @@
 // editor
 import { TEmbedConfig } from "@plane/editor";
-// types
-import { TPageEmbedType } from "@plane/types";
+// plane types
+import { TSearchEntityRequestPayload, TSearchResponse } from "@plane/types";
 // plane web components
 import { IssueEmbedUpgradeCard } from "@/plane-web/components/pages";
 
+export type TIssueEmbedHookProps = {
+  fetchEmbedSuggestions?: (payload: TSearchEntityRequestPayload) => Promise<TSearchResponse>;
+  projectId?: string;
+  workspaceSlug?: string;
+};
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const useIssueEmbed = (workspaceSlug: string, projectId: string, queryType: TPageEmbedType = "issue") => {
+export const useIssueEmbed = (props: TIssueEmbedHookProps) => {
   const widgetCallback = () => <IssueEmbedUpgradeCard />;
 
   const issueEmbedProps: TEmbedConfig["issue"] = {