feat(web): consolidate navigation IA shell

apps/web/src/app/[locale]/awooop/layout.tsx

@@ -8,7 +8,7 @@
 "use client";
 
 import { AppLayout } from "@/components/layout";
-import { usePathname } from "@/i18n/routing";
+import { Link, usePathname } from "@/i18n/routing";
 import {
   BrainCircuit,
   CalendarDays,
@@ -115,6 +115,30 @@ export default function AwoooPLayout({
             <span>{t("status.budget")}</span>
             <span>{t("status.score")}</span>
           </div>
+
+          <nav
+            aria-label={t("workflowRailLabel")}
+            className="flex max-w-full flex-wrap gap-1 overflow-hidden border-t border-[#e0ddd4] px-3 py-2 sm:px-5"
+          >
+            {navItems.map((item) => {
+              const active = activeItem.href === item.href;
+              return (
+                <Link
+                  key={item.href}
+                  href={item.href}
+                  aria-current={active ? "page" : undefined}
+                  className={[
+                    "shrink-0 rounded-button border px-3 py-1.5 text-xs font-semibold transition-colors",
+                    active
+                      ? "border-[#d97757] bg-[#fff7ed] text-[#141413]"
+                      : "border-[#d8d3c7] bg-white text-[#6f6b62] hover:border-[#c8c1b3] hover:text-[#141413]",
+                  ].join(" ")}
+                >
+                  {t(`nav.${item.labelKey}`)}
+                </Link>
+              );
+            })}
+          </nav>
         </div>
 
         <div className="w-full max-w-full">