fix: rendering existing cycle and module issue properties when we reload the page in the inbox (#5190)

web/app/[workspaceSlug]/(projects)/notifications/page.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect } from "react";
 import { observer } from "mobx-react";
+import { useParams } from "next/navigation";
 import useSWR from "swr";
 // components
 import { LogoSpinner } from "@/components/common";
@@ -14,8 +15,10 @@ import { EmptyStateType } from "@/constants/empty-state";
 import { ENotificationLoader, ENotificationQueryParamType } from "@/constants/notification";
 // hooks
 import { useIssueDetail, useUser, useWorkspace, useWorkspaceNotifications } from "@/hooks/store";
+import { useWorkspaceIssueProperties } from "@/hooks/use-workspace-issue-properties";
 
 const WorkspaceDashboardPage = observer(() => {
+  const { workspaceSlug } = useParams();
   // hooks
   const { currentWorkspace } = useWorkspace();
   const {
@@ -34,6 +37,9 @@ const WorkspaceDashboardPage = observer(() => {
   const { workspace_slug, project_id, issue_id, is_inbox_issue } =
     notificationLiteByNotificationId(currentSelectedNotificationId);
 
+  // fetching workspace issue properties
+  useWorkspaceIssueProperties(workspaceSlug);
+
   // fetch workspace notifications
   const notificationMutation =
     currentWorkspace && notificationIdsByWorkspaceId(currentWorkspace.id)