[WEB-4350] chore: access icon for linked pages search (#3488)

* chore: return access detail

* feat: added page accessibility icon

---------

Co-authored-by: gakshita <akshitagoyal1516@gmail.com>

apps/api/plane/ee/views/app/issue/issue_page.py

@@ -102,5 +102,5 @@ class PageSearchViewSet(BaseAPIView):
         if search:
             pages = pages.filter(name__icontains=search)
 
-        pages = pages.values("id", "name", "logo_props", "is_global")
+        pages = pages.values("id", "name", "logo_props", "is_global", "access")
         return Response(pages, status=status.HTTP_200_OK)

apps/web/ee/components/issues/issue-detail-widgets/pages/multi-select-modal.tsx

@@ -4,11 +4,11 @@
 import React, { useCallback, useEffect, useState } from "react";
 import debounce from "lodash/debounce";
 import { observer } from "mobx-react";
-import { FileText, Search, X } from "lucide-react";
+import { Earth, FileText, Lock, Search, X } from "lucide-react";
 import { Combobox } from "@headlessui/react";
 // hooks
 import { useTranslation } from "@plane/i18n";
-import { TIssuePage, TIssueServiceType } from "@plane/types";
+import { EPageAccess, TIssuePage, TIssueServiceType } from "@plane/types";
 import {
   setToast,
   TOAST_TYPE,
@@ -229,6 +229,15 @@ const PagesMultiSelectModal = observer(
                       </div>
                       <span className="truncate text-base">{getPageName(page.name)}</span>
                     </div>
+                    {page.access != null && (
+                      <div className="hidden flex-shrink-0 text-custom-text-350 group-hover:flex">
+                        {page.access === EPageAccess.PUBLIC ? (
+                          <Earth className="size-4" />
+                        ) : (
+                          <Lock className="size-4" />
+                        )}
+                      </div>
+                    )}
                   </Combobox.Option>
                 );
               })

packages/types/src/page/core.ts

@@ -113,4 +113,5 @@ export type TIssuePage = Pick<TPage, "name" | "logo_props"> & {
   description_stripped: string;
   created_by?: string;
   updated_at?: string;
+  access: EPageAccess;
 };