update translations

beszel/site/src/components/alerts-history-columns.tsx

@@ -76,7 +76,7 @@ export const alertsHistoryColumns: ColumnDef<AlertsHistoryRecord>[] = [
 		sortingFn: (rowA, rowB) => (rowA.original.resolved ? 1 : 0) - (rowB.original.resolved ? 1 : 0),
 		header: ({ column }) => (
 			<Button variant="ghost" onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}>
-				<Trans>State</Trans>
+				<Trans comment="Context: alert state (active or resolved)">State</Trans>
 			</Button>
 		),
 		cell: ({ row }) => {
@@ -91,7 +91,7 @@ export const alertsHistoryColumns: ColumnDef<AlertsHistoryRecord>[] = [
 					)}
 				>
 					{/* {resolved ? <CircleCheckIcon className="size-3 me-0.5" /> : <CircleAlertIcon className="size-3 me-0.5" />} */}
-					<Trans>{resolved ? "Resolved" : "Active"}</Trans>
+					{resolved ? <Trans>Resolved</Trans> : <Trans>Active</Trans>}
 				</Badge>
 			)
 		},
@@ -103,7 +103,7 @@ export const alertsHistoryColumns: ColumnDef<AlertsHistoryRecord>[] = [
 		invertSorting: true,
 		header: ({ column }) => (
 			<Button variant="ghost" onClick={() => column.toggleSorting(column.getIsSorted() === "asc")}>
-				<Trans>Created</Trans>
+				<Trans comment="Context: date created">Created</Trans>
 			</Button>
 		),
 		cell: ({ getValue, row }) => (

beszel/site/src/components/charts/load-average-chart.tsx

@@ -23,15 +23,15 @@ export default memo(function LoadAverageChart({ chartData }: { chartData: ChartD
 	const keys = {
 		l1: {
 			color: "hsl(271, 81%, 60%)", // Purple
-			label: t`1 min`,
+			label: t({ message: `1 min`, comment: "Load average" }),
 		},
 		l5: {
 			color: "hsl(217, 91%, 60%)", // Blue
-			label: t`5 min`,
+			label: t({ message: `5 min`, comment: "Load average" }),
 		},
 		l15: {
 			color: "hsl(25, 95%, 53%)", // Orange
-			label: t`15 min`,
+			label: t({ message: `15 min`, comment: "Load average" }),
 		},
 	}
 

beszel/site/src/components/routes/settings/general.tsx

@@ -104,7 +104,7 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
 				<div className="space-y-2">
 					<div className="mb-4">
 						<h3 className="mb-1 text-lg font-medium">
-							<Trans>Unit preferences</Trans>
+							<Trans comment="Temperature / network units">Unit preferences</Trans>
 						</h3>
 						<p className="text-sm text-muted-foreground leading-relaxed">
 							<Trans>Change display units for metrics.</Trans>
@@ -136,7 +136,7 @@ export default function SettingsProfilePage({ userSettings }: { userSettings: Us
 
 						<div className="space-y-2">
 							<Label className="block" htmlFor="unitNet">
-								<Trans>Network unit</Trans>
+								<Trans comment="Context: Bytes or bits">Network unit</Trans>
 							</Label>
 							<Select
 								name="unitNet"