From ea0da300d0e7002f28face6d5378abe13ff93635 Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Sat, 28 Mar 2026 12:15:04 +0100
Subject: [PATCH] pretty

---
 .../App/FeaturePreview/NavigationV2Preview.tsx      |  8 ++++----
 .../NavigationBar/ProjectBranchSelectorPopover.tsx  |  2 +-
 .../components/layouts/NavigationV2/NavGroup.tsx    |  2 +-
 .../layouts/NavigationV2/useAppSidebarNavItems.ts   | 13 ++-----------
 .../layouts/ProjectLayout/RestoringState.tsx        |  2 ++
 5 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/apps/studio/components/interfaces/App/FeaturePreview/NavigationV2Preview.tsx b/apps/studio/components/interfaces/App/FeaturePreview/NavigationV2Preview.tsx
index 039366fcecc..c15f2a3f928 100644
--- a/apps/studio/components/interfaces/App/FeaturePreview/NavigationV2Preview.tsx
+++ b/apps/studio/components/interfaces/App/FeaturePreview/NavigationV2Preview.tsx
@@ -18,16 +18,16 @@ const NavigationV2Preview = () => {
             Migrations, and Replication are all top-level items in the Database section.
           </li>
           <li>
-            <strong>Collapsible platform pages</strong> - Auth, Storage, Edge Functions, and Realtime
-            are collapsible items with their sub-pages nested inside.
+            <strong>Collapsible platform pages</strong> - Auth, Storage, Edge Functions, and
+            Realtime are collapsible items with their sub-pages nested inside.
           </li>
           <li>
             <strong>Right icon rail</strong> - Quick access to AI, SQL, Alerts, and Help panels on
             the right side.
           </li>
           <li>
-            <strong>No project header bar</strong> - Project and organization context is displayed in
-            the sidebar header.
+            <strong>No project header bar</strong> - Project and organization context is displayed
+            in the sidebar header.
           </li>
         </ul>
       </div>
diff --git a/apps/studio/components/layouts/Navigation/NavigationBar/ProjectBranchSelectorPopover.tsx b/apps/studio/components/layouts/Navigation/NavigationBar/ProjectBranchSelectorPopover.tsx
index 0606cbb1e6e..681150fdcd3 100644
--- a/apps/studio/components/layouts/Navigation/NavigationBar/ProjectBranchSelectorPopover.tsx
+++ b/apps/studio/components/layouts/Navigation/NavigationBar/ProjectBranchSelectorPopover.tsx
@@ -84,7 +84,7 @@ export function ProjectBranchSelectorPopover({ onClose }: ProjectBranchSelectorP
     branches && branches.length > 0
       ? mainBranch
         ? [mainBranch].concat(restOfBranches ?? [])
-        : restOfBranches ?? []
+        : (restOfBranches ?? [])
       : [defaultMainBranch]
   const branchList = isBranchingEnabled ? sortedBranches : [defaultMainBranch]
 
diff --git a/apps/studio/components/layouts/NavigationV2/NavGroup.tsx b/apps/studio/components/layouts/NavigationV2/NavGroup.tsx
index fa125366d61..278b4c61654 100644
--- a/apps/studio/components/layouts/NavigationV2/NavGroup.tsx
+++ b/apps/studio/components/layouts/NavigationV2/NavGroup.tsx
@@ -45,7 +45,7 @@ export function NavGroup({ id, label, items, isCollapsible = true }: NavGroupPro
     LOCAL_STORAGE_KEYS.DASHBOARD_SIDEBAR_STATE,
     {}
   )
-  const isOpen = id ? sidebarState[id] ?? true : true
+  const isOpen = id ? (sidebarState[id] ?? true) : true
   const handleOpenChange = (open: boolean) => {
     if (id && isCollapsible) {
       setSidebarState((prev) => ({ ...prev, [id]: open }))
diff --git a/apps/studio/components/layouts/NavigationV2/useAppSidebarNavItems.ts b/apps/studio/components/layouts/NavigationV2/useAppSidebarNavItems.ts
index 2e6a9278c26..6ce03fd95e3 100644
--- a/apps/studio/components/layouts/NavigationV2/useAppSidebarNavItems.ts
+++ b/apps/studio/components/layouts/NavigationV2/useAppSidebarNavItems.ts
@@ -12,15 +12,7 @@ import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
 import { Home } from 'icons'
 import { IS_PLATFORM, PROJECT_STATUS } from 'lib/constants'
-import {
-  Blocks,
-  Boxes,
-  ChartArea,
-  Compass,
-  Receipt,
-  Settings,
-  Users,
-} from 'lucide-react'
+import { Blocks, Boxes, ChartArea, Compass, Receipt, Settings, Users } from 'lucide-react'
 import { useRouter } from 'next/router'
 
 import { useGenerateSettingsMenu } from '../ProjectSettingsLayout/SettingsMenu.utils'
@@ -81,8 +73,7 @@ export function useAppSidebarNavItems(
     { enabled: isProjectScope }
   )
 
-  const pgNetExtensionExists =
-    (extensions ?? []).find((ext) => ext.name === 'pg_net') !== undefined
+  const pgNetExtensionExists = (extensions ?? []).find((ext) => ext.name === 'pg_net') !== undefined
   const pitrEnabled = addons?.selected_addons.find((addon) => addon.type === 'pitr') !== undefined
 
   const columnLevelPrivileges = useIsColumnLevelPrivilegesEnabled()
diff --git a/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx b/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx
index 3538e4cb8ea..8b64a82463f 100644
--- a/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/RestoringState.tsx
@@ -182,3 +182,5 @@ export const RestoringState = () => {
     </div>
   )
 }
+
+export default RestoringState