docs: change overflow-x from scroll to auto (#213)

This hides the scrollbar when there is sufficient space, which fixes
the layout of the code component on the main website as well as a
few examples

examples/astro/src/globals.css

@@ -134,7 +134,7 @@ figure {
 pre,
 code,
 figure {
-  @apply overflow-x-scroll px-2 py-1;
+  @apply overflow-x-auto px-2 py-1;
 }
 p {
   @apply text-xl;

examples/astro/src/pages/page.astro

@@ -71,7 +71,7 @@ export default defineConfig({
   pre,
   code,
   figure {
-    @apply overflow-x-scroll px-2 py-1;
+    @apply overflow-x-auto px-2 py-1;
   }
   p {
     @apply text-xl;

examples/sveltekit/src/routes/+page.svelte

@@ -26,7 +26,7 @@ export let data: PageData;
   :global(code),
   :global(figure) {
     border-radius: 5px;
-    overflow-x: scroll;
+    overflow-x: auto;
     padding: 5px 6px 6px 6px;
   }
 

website/src/app/globals.css

@@ -105,7 +105,7 @@ figure {
 pre,
 code,
 figure {
-  @apply overflow-x-scroll;
+  @apply overflow-x-auto;
 }
 p {
   @apply text-xl;