Add mobile ops surface nav and footer public API links.

Operations pages get collapsible surface navigation on small screens and a shared action-card accordion; the footer surfaces read-only JSON endpoints with e2e coverage.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/explorer/BridgeMonitoringPage.tsx

@@ -19,6 +19,8 @@ import { resolveEffectiveFreshness } from '@/utils/explorerFreshness'
 import { bridgeRoutesApi, normalizeBridgeRouteEntries, type BridgeRoutesResponse } from '@/services/api/bridgeRoutes'
 import { createVisibilityAwarePoller } from '@/utils/visibilityRefresh'
 import { HOME_DASHBOARD_REFRESH_MS } from '@/utils/featuredTokens'
+import OperationsSurfaceNav from './OperationsSurfaceNav'
+import OperationsActionGrid from './OperationsActionGrid'
 
 type FeedState = 'connecting' | 'live' | 'fallback'
 
@@ -327,6 +329,8 @@ export default function BridgeMonitoringPage({
         </Card>
       ) : null}
 
+      <OperationsSurfaceNav />
+
       <div className="mb-6">
         <ActivityContextPanel context={activityContext} title="Bridge Freshness Context" />
         <FreshnessTrustNote
@@ -493,27 +497,7 @@ export default function BridgeMonitoringPage({
         </Card>
       ) : null}
 
-      <div className="grid gap-4 lg:grid-cols-2">
-        {page.actions.map((action) => (
-          <Card key={`${action.title}-${action.href}`} className="border border-gray-200 dark:border-gray-700">
-            <div className="flex h-full flex-col">
-              <div className="text-base font-semibold text-gray-900 dark:text-white">
-                {action.title}
-              </div>
-              <p className="mt-2 flex-1 text-sm leading-6 text-gray-600 dark:text-gray-400">
-                {action.description}
-              </p>
-              <div className="mt-4">
-                <ActionLink
-                  href={action.href}
-                  label={action.label}
-                  external={'external' in action ? action.external : undefined}
-                />
-              </div>
-            </div>
-          </Card>
-        ))}
-      </div>
+      <OperationsActionGrid actions={page.actions} />
     </div>
   )
 }