docs: fix scroll top margin (#8605)

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

@@ -10,15 +10,12 @@ const ReferencePage = async () => {
   return (
     <AreaProvider area={"admin"}>
       <PageTitleProvider>
-        <h1 className="!text-h2 block lg:hidden">
+        <h1 className="!text-h2 scroll-m-56 lg:pl-4" id="introduction">
           Medusa V2 Admin API Reference
         </h1>
         <DividedLayout
           mainContent={
             <Section checkActiveOnScroll={true}>
-              <h1 className="!text-h2 hidden lg:block">
-                Medusa V2 Admin API Reference
-              </h1>
               <AdminContentV2 />
             </Section>
           }

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

@@ -10,24 +10,20 @@ const ReferencePage = async () => {
   return (
     <AreaProvider area={"store"}>
       <PageTitleProvider>
-        <h1 className="!text-h2 block lg:hidden">
+        <h1 className="!text-h2 scroll-m-56 lg:pl-4" id="introduction">
           Medusa V2 Store API Reference
         </h1>
         <DividedLayout
           mainContent={
             <Section checkActiveOnScroll={true}>
-              <h1 className="!text-h2 hidden lg:block">
-                Medusa V2 Store API Reference
-              </h1>
               <StoreContentV2 />
             </Section>
           }
           codeContent={
-            <div className="mb-1 lg:mb-0">
+            <div className="mb-1 lg:mb-0 hidden lg:block">
               <ClientLibrariesV2 />
             </div>
           }
-          className="flex-col-reverse"
         />
         <Tags />
       </PageTitleProvider>

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

@@ -12,7 +12,7 @@ export const config: DocsConfig = {
       {
         type: "link",
         title: "Introduction",
-        path: "",
+        path: "introduction",
         loaded: true,
       },
     ],