fix: navbar full width by default, shrinks on scroll

- Navbar is full width (100%) by default when not scrolled
- Navbar shrinks to centered width when scrolled
- Full width state has no rounded edges (rounded-none)
- Scrolled state has rounded-full with shadow
- Matches landing page behavior

Fixes #3428

Signed-off-by: Dhruv Bharuka <iit2022015@iiitl.ac.in>

Author: dynamicdhxx

components/navbar/FloatingNavbar.tsx

@@ -42,19 +42,19 @@ export default function FloatingNavbar({ isBlogReadingPage }: FloatingNavbarProp
   const navPositionClasses = derivedBlogReadingPage
     ? "relative top-0 z-40"
     : isScrolled
-      ? "fixed top-0 left-0 right-0 z-40"
-      : "fixed top-6 left-1/2 -translate-x-1/2 z-40";
+      ? "fixed top-6 left-1/2 -translate-x-1/2 z-40"
+      : "fixed top-0 left-0 right-0 z-40";
   const navWidthClasses = isScrolled
-    ? "w-full"
-    : "w-[90%] md:w-[96%] md:max-w-6xl";
+    ? "w-[90%] md:w-[96%] md:max-w-6xl"
+    : "w-full";
   const navPaddingClasses = isScrolled
     ? "px-4 py-1.5 md:px-6 md:py-2 lg:px-8 lg:py-2.5"
     : "px-5 py-2 md:px-6 md:py-3 lg:px-8 lg:py-4";
   const navShadowClasses = derivedBlogReadingPage
     ? ""
     : isScrolled
-      ? "shadow-none"
-      : "shadow-[0_18px_44px_rgba(15,23,42,0.18)]";
+      ? "shadow-[0_18px_44px_rgba(15,23,42,0.18)]"
+      : "shadow-none";
 
   const navGlassClasses = derivedBlogReadingPage
     ? glassNavReading
@@ -65,8 +65,8 @@ export default function FloatingNavbar({ isBlogReadingPage }: FloatingNavbarProp
   const navBorderRadius = derivedBlogReadingPage
     ? "rounded-none"
     : isScrolled
-      ? "rounded-none"
-      : "rounded-full";
+      ? "rounded-full"
+      : "rounded-none";
 
   return (
     <nav className={`${navPositionClasses} transition-all duration-300 ${navWidthClasses}`}>