code quality

apps/website/components/dashboard/RecentActivityTable.tsx

@@ -1,6 +1,8 @@
 'use client';
 
 import React from 'react';
+import { useRouter } from 'next/navigation';
+import { routes } from '@/lib/routing/RouteConfig';
 import { Text } from '@/ui/Text';
 import { StatusDot } from '@/ui/StatusDot';
 import { Table, TableHead, TableBody, TableRow, TableHeader, TableCell } from '@/ui/Table';
@@ -23,6 +25,7 @@ interface RecentActivityTableProps {
  * A high-density table for displaying recent events and telemetry logs.
  */
 export function RecentActivityTable({ items }: RecentActivityTableProps) {
+  const router = useRouter();
   return (
     <Table>
       <TableHead>
@@ -43,7 +46,12 @@ export function RecentActivityTable({ items }: RecentActivityTableProps) {
       </TableHead>
       <TableBody>
         {items.map((item) => (
-          <TableRow key={item.id} data-testid={`activity-item-${item.id}`}>
+          <TableRow
+            key={item.id}
+            data-testid={`activity-item-${item.id}`}
+            cursor="pointer"
+            onClick={() => router.push(routes.race.results(item.id))}
+          >
             <TableCell data-testid="activity-race-result-link">
               <Text font="mono" variant="telemetry" size="xs">{item.type}</Text>
             </TableCell>