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,
   },
 }