Properly reset "app bar height"

src/modules/navigation-bar/components/DefaultNavBar.tsx

@@ -6,7 +6,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/.
  */
 
-import { useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import { useCallback, useContext, useLayoutEffect, useMemo, useRef } from 'react';
 import AppBar from '@mui/material/AppBar';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
@@ -92,7 +92,13 @@ export function DefaultNavBar() {
         appBarRef,
         useCallback(() => setAppBarHeight(appBarRef.current?.clientHeight ?? 0), [appBarRef.current]),
     );
-    useEffect(() => setAppBarHeight(0), []);
+    useLayoutEffect(() => {
+        if (!override.status) {
+            setAppBarHeight(0);
+        }
+
+        return () => setAppBarHeight(0);
+    }, [override.status]);
 
     const activeNavBar: NavbarItem['show'] = isMobileWidth ? 'mobile' : 'desktop';
     const visibleNavBarItems = useMemo(