feat: add tooltip to system name in systems table for better accessibility (#1640)

internal/site/src/components/systems-table/systems-table-columns.tsx

@@ -129,7 +129,9 @@ export function SystemsTableColumns(viewMode: "table" | "grid"): ColumnDef<Syste
 				const { name, id } = info.row.original
 				const longestName = useStore($longestSystemNameLen)
 				return (
-					<>
+					<Tooltip>
+						<TooltipTrigger asChild>
+							<div className="relative">
 								<span className="flex gap-2 items-center font-medium text-sm text-nowrap md:ps-1">
 									<IndicatorDot system={info.row.original} />
 									{/* NOTE: change to 1 ch if switching to monospace font */}
@@ -142,7 +144,12 @@ export function SystemsTableColumns(viewMode: "table" | "grid"): ColumnDef<Syste
 									className="inset-0 absolute size-full"
 									aria-label={name}
 								></Link>
-					</>
+							</div>
+						</TooltipTrigger>
+						<TooltipContent>
+							<p>{name}</p>
+						</TooltipContent>
+					</Tooltip>
 				)
 			},
 			header: sortableHeader,