[WEB-2001] feat: Fix local cache issues r3 (#5714)

* - Handle single quotes in load workspace queries
- Add IS null where condition in query utils

* Fix description_html being lost

* Change secondary order to sequence_id

* Fix update persistence layer

* Fix issue types filter
Fix none filter

* add local cache toggle in help section

* remove toggle from user settings

* Reset storage class on disabling local

---------

Co-authored-by: rahulramesha <rahulramesham@gmail.com>

web/core/components/workspace/sidebar/help-section.tsx

@@ -2,29 +2,33 @@
 
 import React, { useState } from "react";
 import { observer } from "mobx-react";
+import { useParams } from "next/navigation";
 import { FileText, HelpCircle, MessagesSquare, MoveLeft, User } from "lucide-react";
 // ui
-import { CustomMenu, Tooltip } from "@plane/ui";
+import { CustomMenu, ToggleSwitch, Tooltip } from "@plane/ui";
 // helpers
 import { cn } from "@/helpers/common.helper";
 // hooks
-import { useAppTheme, useCommandPalette, useInstance, useTransient } from "@/hooks/store";
+import { useAppTheme, useCommandPalette, useInstance, useTransient, useUserSettings } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web components
 import { PlaneVersionNumber, ProductUpdates, ProductUpdatesModal } from "@/plane-web/components/global";
 import { WorkspaceEditionBadge } from "@/plane-web/components/workspace";
+import { ENABLE_LOCAL_DB_CACHE } from "@/plane-web/constants/issues";
 
 export interface WorkspaceHelpSectionProps {
   setSidebarActive?: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
 export const SidebarHelpSection: React.FC<WorkspaceHelpSectionProps> = observer(() => {
+  const { workspaceSlug, projectId } = useParams();
   // store hooks
   const { sidebarCollapsed, toggleSidebar } = useAppTheme();
   const { toggleShortcutModal } = useCommandPalette();
   const { isMobile } = usePlatformOS();
   const { config } = useInstance();
   const { isIntercomToggle, toggleIntercom } = useTransient();
+  const { canUseLocalDB, toggleLocalDB } = useUserSettings();
   // states
   const [isNeedHelpOpen, setIsNeedHelpOpen] = useState(false);
   const [isChangeLogOpen, setIsChangeLogOpen] = useState(false);
@@ -105,6 +109,23 @@ export const SidebarHelpSection: React.FC<WorkspaceHelpSectionProps> = observer(
               </a>
             </CustomMenu.MenuItem>
             <div className="my-1 border-t border-custom-border-200" />
+            {ENABLE_LOCAL_DB_CACHE && (
+              <CustomMenu.MenuItem>
+                <div
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                  }}
+                  className="flex w-full items-center justify-between text-xs hover:bg-custom-background-80"
+                >
+                  <span className="racking-tight">Local Cache</span>
+                  <ToggleSwitch
+                    value={canUseLocalDB}
+                    onChange={() => toggleLocalDB(workspaceSlug?.toString(), projectId?.toString())}
+                  />
+                </div>
+              </CustomMenu.MenuItem>
+            )}
             <CustomMenu.MenuItem>
               <button
                 type="button"