docs: redesigned navigation (#9525)

Redesign navigation bar to reflect new design and allow for dropdowns

Closes DX-943

www/apps/user-guide/config/index.ts

@@ -1,5 +1,4 @@
 import { DocsConfig, SidebarItem } from "types"
-import { getMobileSidebarItems } from "docs-ui"
 import { generatedSidebar as sidebar } from "@/generated/sidebar.mjs"
 
 const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
@@ -10,9 +9,13 @@ export const config: DocsConfig = {
   basePath: process.env.NEXT_PUBLIC_BASE_PATH,
   sidebar: {
     default: sidebar as SidebarItem[],
-    mobile: getMobileSidebarItems({
-      baseUrl,
-      version: "v2",
-    }),
+    mobile: [],
+  },
+  project: {
+    title: "User Guide",
+    key: "user-guide",
+  },
+  breadcrumbOptions: {
+    showCategories: true,
   },
 }

www/apps/user-guide/providers/main-nav.tsx

@@ -8,7 +8,6 @@ import {
 } from "docs-ui"
 import { useMemo } from "react"
 import { config } from "../config"
-import { basePathUrl } from "../utils/base-path-url"
 
 type MainNavProviderProps = {
   children?: React.ReactNode
@@ -20,8 +19,6 @@ export const MainNavProvider = ({ children }: MainNavProviderProps) => {
     () =>
       getNavDropdownItems({
         basePath: config.baseUrl,
-        activePath: basePathUrl(),
-        version: "v2",
       }),
     []
   )

www/apps/user-guide/providers/search.tsx

@@ -4,7 +4,7 @@ import {
   SearchProvider as UiSearchProvider,
   AiAssistantIcon,
   AiAssistantProvider,
-  searchFiltersV1,
+  searchFilters,
 } from "docs-ui"
 import { config } from "../config"
 
@@ -42,9 +42,10 @@ const SearchProvider = ({ children }: SearchProviderProps) => {
           },
         ],
         checkInternalPattern: new RegExp(`^${config.baseUrl}/user-guide`),
-        filterOptions: searchFiltersV1,
+        filterOptions: searchFilters,
       }}
-      initialDefaultFilters={["user-guide"]}
+      // TODO change later when we have a user guide filter
+      initialDefaultFilters={["guides"]}
       commands={[
         {
           name: "ai-assistant",