Fix horizontal scrolling of data tables on mobile

The About page's markdown-table rule (.tab-content table) also matched
DataTable's inner <table>, turning it into its own scroll container
instead of the DataTable wrapper. Scope the rule to the About page.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01X9jG4CUFcH6n4vFvgtwndY

src/admin_analytics/dashboard/assets/style.css

@@ -151,8 +151,10 @@ body {
 }
 
 /* Markdown tables (About page) scroll within themselves instead of
-   widening the page. */
-.tab-content table {
+   widening the page. Scoped to .about: applied to a DataTable's inner
+   <table>, it hijacks the table's own scroll container and breaks
+   horizontal swiping on mobile. */
+.about table {
     display: block;
     overflow-x: auto;
     max-width: 100%;

src/admin_analytics/dashboard/pages/about.py

@@ -99,4 +99,4 @@ employees only (FTPT=2).
 
 This project is released under the MIT License.
         """),
-    ], style={"maxWidth": "900px", "margin": "0 auto", "lineHeight": "1.6"})
+    ], className="about", style={"maxWidth": "900px", "margin": "0 auto", "lineHeight": "1.6"})