fix(aurora-portal): expand active nav section on navigation (#847)

* fix(aurora-portal): expand active nav section on navigation

When navigating to a service whose parent section was collapsed,
automatically expand that section so the active item is visible.

* refactor(aurora-portal): replace useEffect with derived open state in SideNavBar

Derive nav section open state during render instead of syncing via
useEffect, removing the side effect in favor of a pure computation.

Author: TilmanHaupt

apps/aurora-portal/src/client/routes/_auth/projects/-components/SideNavBar.tsx

@@ -107,6 +107,7 @@ export const SideNavBar = ({ projectId, projectName, availableServices }: SideNa
   ]
 
   const isOverviewActive = activeSection === null
+  const isOpen = (section: string) => openSections[section as keyof typeof openSections] || activeSection === section
 
   return (
     <SideNavigation ariaLabel="Project Side Navigation" onActiveItemChange={() => {}}>
@@ -120,7 +121,7 @@ export const SideNavBar = ({ projectId, projectName, availableServices }: SideNa
           />
           <SideNavigationItem
             label={t`Compute`}
-            open={openSections.compute}
+            open={isOpen("compute")}
             onClick={() => setOpenSections((prev) => ({ ...prev, compute: !prev.compute }))}
           >
             {computeServices.map(({ service, label, to, params }) => (
@@ -136,7 +137,7 @@ export const SideNavBar = ({ projectId, projectName, availableServices }: SideNa
           {networkServices.length > 0 && (
             <SideNavigationItem
               label={t`Network`}
-              open={openSections.network}
+              open={isOpen("network")}
               onClick={() => setOpenSections((prev) => ({ ...prev, network: !prev.network }))}
             >
               {networkServices.map(({ service, label, to, params }) => (
@@ -153,7 +154,7 @@ export const SideNavBar = ({ projectId, projectName, availableServices }: SideNa
           {storageServices.length > 0 && (
             <SideNavigationItem
               label={t`Storage`}
-              open={openSections.storage}
+              open={isOpen("storage")}
               onClick={() => setOpenSections((prev) => ({ ...prev, storage: !prev.storage }))}
             >
               {storageServices.map(({ service, label, to, params }) => {
@@ -176,7 +177,7 @@ export const SideNavBar = ({ projectId, projectName, availableServices }: SideNa
           {clavisServices.length > 0 && (
             <SideNavigationItem
               label={t`Services`}
-              open={openSections.services}
+              open={isOpen("services")}
               onClick={() => setOpenSections((prev) => ({ ...prev, services: !prev.services }))}
             >
               {clavisServices.map(({ service, label, to, params }) => (