fixed layouts, routing and the platform switcher.

components/BuilderNav.tsx

@@ -57,6 +57,8 @@ export function BuilderNav({ activeCategoryId }: BuilderNavProps) {
   const renderDropdown = (label: string, items: Category[]) => {
     if (!items.length) return null;
 
+    const platform = searchParams.get("platform");
+
     return (
       <div className="relative group">
         {/* Dropdown trigger */}
@@ -80,7 +82,10 @@ export function BuilderNav({ activeCategoryId }: BuilderNavProps) {
               return (
                 <li key={cat.id}>
                   <Link
-                    href={`${baseHref}/${cat.id}`}
+                    href={{
+                      pathname: `${baseHref}/${cat.id}`,
+                      query: platform ? { platform } : {},
+                    }}
                     className={`block w-full px-3 py-1.5 transition-colors ${
                       isActive
                         ? "bg-neutral-800 text-white"
@@ -162,7 +167,9 @@ export function BuilderNav({ activeCategoryId }: BuilderNavProps) {
           {/* "Viewing" indicator (only shows when a category is active) */}
           {currentCategory && (
             <div className="flex items-center gap-2 text-neutral-400 text-xs">
-              <span className="uppercase tracking-wide text-[10px]">Viewing</span>
+              <span className="uppercase tracking-wide text-[10px]">
+                Viewing
+              </span>
 
               <span className="font-medium text-neutral-100">
                 {CATEGORIES.find((c) => c.id === currentCategory)?.name ??
@@ -188,4 +195,4 @@ export function BuilderNav({ activeCategoryId }: BuilderNavProps) {
   );
 }
 
-export default BuilderNav;
+export default BuilderNav;