Docs UI improvements (#248)

- [x] fixed a hover gap on hash links
- [x] added active state to hashes
<img width="193" height="138" alt="Screenshot 2026-03-10 at 11 43 33 AM"
src="https://github.com/user-attachments/assets/9486b395-0848-45ef-a0f9-ee37a0c858f5"
/>

- [x] fixed misaligned table on landing
- [x] allow overflow-x for it to be viewable on mobile
<img width="333" alt="Screenshot 2026-03-10 at 11 44 13 AM"
src="https://github.com/user-attachments/assets/bb805496-5a56-4ded-8c29-85125409edbc"
/>

- [x] sticky ToC for all docs pages on desktop
<img width="333" alt="Screenshot 2026-03-10 at 11 45 21 AM"
src="https://github.com/user-attachments/assets/9ff5bac5-5e1f-4dd8-a47c-8a978f25c493"
/>

- [x] and mobile
<img width="333" alt="Screenshot 2026-03-10 at 11 45 52 AM"
src="https://github.com/user-attachments/assets/71810977-56ec-452a-b154-bf03b46bfe17"
/>

- [x] added direction-aware view-transitions (desktop only, with reduced
motion preference)


https://github.com/user-attachments/assets/b6411336-6896-4a4c-b103-eac387febf26

- updated hero layout on mobile
- [x] added shimmer effect to some hero section elements
- [x] cool laser


https://github.com/user-attachments/assets/c34f8b31-1f28-430e-a198-25f7aba39f09

Author: PickleNik

packages/docs/src/components/DocsPageShell.astro

@@ -0,0 +1,25 @@
+<div class="docs-page-shell">
+  <div class="docs-page-intro">
+    <slot name="intro" />
+  </div>
+  <slot name="toc" />
+  <div class="docs-page-content">
+    <slot />
+  </div>
+</div>
+
+<style is:global>
+  .docs-page-shell {
+    position: relative;
+  }
+
+  .docs-page-content {
+    min-width: 0;
+  }
+
+  @media (max-width: 1379px) {
+    .docs-page-content :is(h2, h3, h4) {
+      scroll-margin-top: 8rem;
+    }
+  }
+</style>