fix(site): move legacy banner to base layout and fix mobile text size (#855)

site/src/layouts/Base.astro

@@ -8,6 +8,7 @@ import '@/styles/globals.css';
 
 import BannerInit from '@/components/BannerInit.astro';
 import { PreferenceSync } from '@/components/docs/PreferenceSync';
+import LegacyBanner from '@/components/LegacyBanner.astro';
 import ThemeInit from '@/components/ThemeInit.astro';
 
 interface Props {
@@ -155,6 +156,7 @@ const fullTitle =
     >
       <PreferenceSync client:idle />
 
+      <LegacyBanner />
       <slot />
     </div>
   </body>

site/src/layouts/Docs.astro

@@ -8,7 +8,6 @@ import StyleInit from '@/components/docs/StyleInit.astro';
 import FilmGrain from '@/components/FilmGrain';
 import Footer from '@/components/FooterDocs.astro';
 import FooterEasterEgg from '@/components/FooterEasterEgg.astro';
-import LegacyBanner from '@/components/LegacyBanner.astro';
 import NavBarDocs from '@/components/NavBar/NavBarDocs.astro';
 import { FRAMEWORK_LABELS, type SupportedFramework } from '@/types/docs';
 import { getDocTitle } from '@/utils/docs/title';
@@ -42,7 +41,6 @@ const docsSidebarId = 'docs-sidebar';
     <DocsSidebarRestoration docsSidebarId={docsSidebarId} />
     <slot name="head" slot="head" />
   </Fragment>
-  <LegacyBanner />
   <div
     class:list={[
       "grid min-h-screen grid-cols-1",