[WEB-2924] improvement: enhance spreadsheet modularity for improved global compatibility (#6374)

web/core/components/issues/issue-layouts/spreadsheet/base-spreadsheet-root.tsx

@@ -1,7 +1,7 @@
 import { FC, useCallback, useEffect } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
-// plane constants
+// plane imports
 import { ALL_ISSUES, EIssueLayoutTypes, EIssuesStoreType, EIssueFilterType } from "@plane/constants";
 import { IIssueDisplayFilterOptions } from "@plane/types";
 // hooks
@@ -9,12 +9,8 @@ import { useIssues, useUserPermissions } from "@/hooks/store";
 import { useIssueStoreType } from "@/hooks/use-issue-layout-store";
 import { useIssuesActions } from "@/hooks/use-issues-actions";
 import { EUserPermissions, EUserPermissionsLevel } from "@/plane-web/constants/user-permissions";
-// views
-// stores
-// components
+// local imports
 import { IssueLayoutHOC } from "../issue-layout-HOC";
-// types
-// constants
 import { IQuickActionProps, TRenderQuickActions } from "../list/list-view-types";
 import { SpreadsheetView } from "./spreadsheet-view";
 
@@ -81,9 +77,7 @@ export const BaseSpreadsheetRoot = observer((props: IBaseSpreadsheetRoot) => {
 
   const handleDisplayFiltersUpdate = useCallback(
     (updatedDisplayFilter: Partial<IIssueDisplayFilterOptions>) => {
-      if (!projectId) return;
-
-      updateFilters(projectId.toString(), EIssueFilterType.DISPLAY_FILTERS, {
+      updateFilters(projectId?.toString() ?? "", EIssueFilterType.DISPLAY_FILTERS, {
         ...updatedDisplayFilter,
       });
     },