fix sticky header z-index

internal/site/src/components/routes/system/network-sheet.tsx

@@ -40,7 +40,7 @@ export default memo(function NetworkSheet({
 
 	return (
 		<Sheet open={netInterfacesOpen} onOpenChange={setNetInterfacesOpen}>
-			<DialogTitle className="sr-only">{t`Network`}</DialogTitle>
+			<DialogTitle className="sr-only">{t`Network traffic of public interfaces`}</DialogTitle>
 			<SheetTrigger asChild>
 				<Button
 					title={t`View more`}

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

@@ -280,10 +280,7 @@ export default function SystemsTableColumns(viewMode: "table" | "grid"): ColumnD
 				return (
 					<Link
 						href={getPagePath($router, "system", { name: system.name })}
-						className={cn(
-							"flex gap-1.5 items-center md:pe-5 tabular-nums relative z-30",
-							viewMode === "table" && "ps-0.5"
-						)}
+						className={cn("flex gap-1.5 items-center md:pe-5 tabular-nums relative", viewMode === "table" && "ps-0.5")}
 						tabIndex={-1}
 						title={connectionTypeLabels[system.info.ct as ConnectionType]}
 						role="none"

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

@@ -370,7 +370,7 @@ const AllSystemsTable = memo(
 function SystemsTableHead({ table }: { table: TableType<SystemRecord> }) {
 	const { t } = useLingui()
 	return (
-		<TableHeader className="sticky top-0 z-20 w-full border-b-2">
+		<TableHeader className="sticky top-0 z-50 w-full border-b-2">
 			{table.getHeaderGroups().map((headerGroup) => (
 				<tr key={headerGroup.id}>
 					{headerGroup.headers.map((header) => {