fix(dashboard): all tables wrap in overflow-x-auto so narrow viewports scroll

Sweep of every Kumo Table wrapper across the routes. Eight LayerCard.
Primary wraps that contain a Table got switched from overflow-hidden
p-0 → overflow-x-auto p-0:

- InboxPage workitems table
- EnactmentListPage enactments table
- EnactmentDetailPage Markings tab
- EnactmentDetailPage Workitems tab
- EnactmentDetailPage Occurrences tab
- EnactmentDetailPage Debug bindings table
- TelemetryPage global feed table
- FlowDetailPage enactments table

Telemetry tab on EnactmentDetail was already overflow-x-auto from
the earlier 5683807 / a7e2529 fix. The two diagram-column LayerCard
wraps stay overflow-hidden — they host ReactFlow which manages its
own viewport, not a Table.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: fahchen

dashboard/ui/src/routes/EnactmentDetailPage.tsx

@@ -895,7 +895,7 @@ function MarkingsTab({
           description="The enactment currently has no tokens on any place."
         />
       ) : (
-        <LayerCard.Primary className="overflow-hidden p-0">
+        <LayerCard.Primary className="overflow-x-auto p-0">
           <Table>
             <Table.Header>
               <Table.Row>
@@ -944,7 +944,7 @@ function WorkitemsTab({
   }
 
   return (
-    <LayerCard.Primary className="overflow-hidden p-0">
+    <LayerCard.Primary className="overflow-x-auto p-0">
       <Table>
         <Table.Header>
           <Table.Row>
@@ -1008,7 +1008,7 @@ function OccurrencesTab({ rows }: { rows: readonly OccurrenceRow[] }) {
   }
 
   return (
-    <LayerCard.Primary className="overflow-hidden p-0">
+    <LayerCard.Primary className="overflow-x-auto p-0">
       <Table>
         <Table.Header>
           <Table.Row>
@@ -1393,7 +1393,7 @@ function DebugTab({
             data-testid="debug-no-candidates"
           />
         ) : (
-          <LayerCard.Primary className="overflow-hidden p-0">
+          <LayerCard.Primary className="overflow-x-auto p-0">
             <Table>
               <Table.Header>
                 <Table.Row>

dashboard/ui/src/routes/EnactmentListPage.tsx

@@ -175,7 +175,7 @@ function ListContent({
         />
       </ListControls>
 
-      <LayerCard.Primary className="overflow-hidden p-0">
+      <LayerCard.Primary className="overflow-x-auto p-0">
         {rows.length === 0 ? (
           <ListEmpty />
         ) : filteredRows.length === 0 ? (

dashboard/ui/src/routes/FlowDetailPage.tsx

@@ -354,7 +354,7 @@ function EnactmentsSection({
 }) {
   return (
     <LayerCard.Primary
-      className="overflow-hidden p-0"
+      className="overflow-x-auto p-0"
       data-testid="flow-detail-enactments"
     >
       <div className="flex items-center justify-between border-b border-cf-border px-5 py-3">

dashboard/ui/src/routes/InboxPage.tsx

@@ -214,7 +214,7 @@ function InboxContent({ inbox }: { inbox: InboxProxy }) {
         />
       </ListControls>
 
-      <LayerCard.Primary className="overflow-hidden p-0">
+      <LayerCard.Primary className="overflow-x-auto p-0">
         {workitems.length === 0 ? (
           <InboxEmpty />
         ) : filteredRows.length === 0 ? (

dashboard/ui/src/routes/TelemetryPage.tsx

@@ -183,7 +183,7 @@ function TelemetryContent({
         />
       </ListControls>
 
-      <LayerCard.Primary className="overflow-hidden p-0">
+      <LayerCard.Primary className="overflow-x-auto p-0">
         {entries.length === 0 ? (
           <TelemetryEmpty />
         ) : filteredRows.length === 0 ? (