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

site/src/components/LegacyBanner.astro

@@ -6,7 +6,7 @@ import { BANNER_DISMISS_KEY } from '@/consts';
   data-legacy-banner
   class:list={[
     "banner-dismissed:hidden",
-    "flex items-center justify-center gap-2 px-5 py-2 text-p2",
+    "flex items-center justify-center gap-2 px-5 py-2 text-p3 md:text-p2",
     "border-b border-manila-75 bg-manila-50 text-faded-black",
     "dark:border-soot dark:bg-warm-gray dark:text-manila-light",
   ]}
@@ -17,7 +17,7 @@ import { BANNER_DISMISS_KEY } from '@/consts';
       href="https://legacy.videojs.org"
       class="font-bold underline intent:no-underline"
     >
-      Visit the legacy docs
+      Visit legacy.videojs.org
     </a>
   </p>
   <button