docs: redesigned navigation (#9525)

Redesign navigation bar to reflect new design and allow for dropdowns

Closes DX-943

www/apps/api-reference/providers/main-nav.tsx

@@ -8,8 +8,6 @@ import {
 } from "docs-ui"
 import { useMemo } from "react"
 import { config } from "../config"
-import { usePathname } from "next/navigation"
-import basePathUrl from "../utils/base-path-url"
 
 type MainNavProviderProps = {
   children?: React.ReactNode
@@ -17,15 +15,12 @@ type MainNavProviderProps = {
 
 export const MainNavProvider = ({ children }: MainNavProviderProps) => {
   const { isBrowser } = useIsBrowser()
-  const pathname = usePathname()
   const navigationDropdownItems = useMemo(
     () =>
       getNavDropdownItems({
         basePath: config.baseUrl,
-        activePath: basePathUrl(pathname),
-        version: "v2",
       }),
-    [pathname]
+    []
   )
 
   const reportLink = useMemo(