docs: fix scrolling in mobile search menu (adobe#9476)

* fix scrolling in mobile search menu

* add background="layer-2"  to the home page's mobile search menu

Author: reidbarber

packages/dev/s2-docs/src/MobileHeader.tsx

@@ -344,7 +344,7 @@ export function MobileHeader({toc}) {
               width: 'full',
               height: '--visual-viewport-height'
             })}>
-            <Provider colorScheme={colorScheme} background="layer-2">
+            <Provider colorScheme={colorScheme} background="layer-2" styles={style({height: 'full'})}>
               <MobileSearchMenu />
             </Provider>
           </Modal>

packages/dev/s2-docs/src/SearchMenuWrapper.tsx

@@ -23,7 +23,7 @@ export default function SearchMenuWrapper({children}: {children: ReactNode}) {
         <DialogTrigger>
           {children}
           <S2Modal size="fullscreenTakeover">
-            <Provider colorScheme={colorScheme}>
+            <Provider colorScheme={colorScheme} background="layer-2" styles={style({height: 'full'})}>
               <MobileSearchMenu initialTag="components" />
             </Provider>
           </S2Modal>