fix: match navbar Suspense fallback wrapper to loaded state

The fallback rendered LogoSection without a wrapper div, but the
loaded state wrapped it in a div with flex/shrink classes. This
mismatch caused a layout shift when BrandContextMenu loaded.

Author: franklinjavier

src/components/Navbar.tsx

@@ -272,12 +272,14 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         <div className="flex items-center gap-2 font-black text-xl uppercase min-w-0">
           <React.Suspense
             fallback={
-              <LogoSection
-                menuButtonRef={menuButtonRef}
-                setShowMenu={setShowMenu}
-                showMenu={showMenu}
-                title={Title}
-              />
+              <div className={twMerge(`flex items-center group flex-shrink-0`)}>
+                <LogoSection
+                  menuButtonRef={menuButtonRef}
+                  setShowMenu={setShowMenu}
+                  showMenu={showMenu}
+                  title={Title}
+                />
+              </div>
             }
           >
             <LazyBrandContextMenu