fix(secrets): guard active-tab re-click, restore keepPreviousData on workspace env query

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-sidebar/settings-sidebar.tsx

@@ -324,6 +324,7 @@ export function SettingsSidebar({
                         onFocus={() => handlePrefetch(item.id)}
                         onClick={() => {
                           const section = item.id as SettingsSection
+                          if (section === activeSection) return
                           if (!requestNavigation(section)) {
                             setShowDiscardDialog(true)
                             return

apps/sim/hooks/queries/environment.ts

@@ -1,5 +1,5 @@
 import { createLogger } from '@sim/logger'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { keepPreviousData, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import type { EnvironmentVariable, WorkspaceEnvironmentData } from '@/lib/environment/api'
 import { fetchPersonalEnvironment, fetchWorkspaceEnvironment } from '@/lib/environment/api'
 import { workspaceCredentialKeys } from '@/hooks/queries/credentials'
@@ -39,6 +39,7 @@ export function useWorkspaceEnvironment<TData = WorkspaceEnvironmentData>(
     queryFn: ({ signal }) => fetchWorkspaceEnvironment(workspaceId, signal),
     enabled: !!workspaceId,
     staleTime: 60 * 1000, // 1 minute
+    placeholderData: keepPreviousData,
     ...options,
   })
 }