docs: fix download button + other fixes (#8032)

- Fix text of download button
- Small fix to styling on small devies
- Fix mobile sidebar items using incorrect base url

www/apps/api-reference/app/admin/page.tsx

@@ -22,7 +22,11 @@ const ReferencePage = async () => {
               <AdminContentV2 />
             </Section>
           }
-          codeContent={<ClientLibrariesV2 />}
+          codeContent={
+            <div className="mb-1 lg:mb-0">
+              <ClientLibrariesV2 />
+            </div>
+          }
           className="flex-col-reverse"
         />
         <Tags />

www/apps/api-reference/app/store/page.tsx

@@ -22,7 +22,11 @@ const ReferencePage = async () => {
               <StoreContentV2 />
             </Section>
           }
-          codeContent={<ClientLibrariesV2 />}
+          codeContent={
+            <div className="mb-1 lg:mb-0">
+              <ClientLibrariesV2 />
+            </div>
+          }
           className="flex-col-reverse"
         />
         <Tags />

www/apps/api-reference/components/DownloadFull/index.tsx

@@ -14,7 +14,7 @@ const DownloadFull = () => {
         download
         target="_blank"
       >
-        Download openapi.yaml
+        Download OpenApi Specs Collection
       </Link>
     </Button>
   )

www/apps/api-reference/config/index.ts

@@ -1,8 +1,10 @@
 import { DocsConfig } from "types"
-import { mobileSidebarItemsV2 } from "docs-ui"
+import { getMobileSidebarItems } from "docs-ui"
+
+const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
 
 export const config: DocsConfig = {
-  baseUrl: process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000",
+  baseUrl,
   basePath: process.env.NEXT_PUBLIC_BASE_PATH,
   // sidebar is auto generated
   sidebar: {
@@ -14,6 +16,9 @@ export const config: DocsConfig = {
       },
     ],
     bottom: [],
-    mobile: mobileSidebarItemsV2,
+    mobile: getMobileSidebarItems({
+      baseUrl,
+      version: "v2",
+    }),
   },
 }