Fix missing i18n keys

web/public/locales/en/common.json

@@ -174,7 +174,7 @@
       "green": "Green",
       "nord": "Nord",
       "red": "Red",
-      "contrast": "High Contrast",
+      "highcontrast": "High Contrast",
       "default": "Default"
     },
     "help": "Help",

web/public/locales/en/views/settings.json

@@ -529,6 +529,7 @@
     "active": "Notifications Active",
     "suspended": "Notifications suspended {{time}}",
     "suspendTime": {
+      "suspend": "Suspend",
       "5minutes": "Suspend for 5 minutes",
       "10minutes": "Suspend for 10 minutes",
       "30minutes": "Suspend for 30 minutes",

web/public/locales/en/views/system.json

@@ -40,6 +40,7 @@
     "detector": {
       "title": "Detectors",
       "inferenceSpeed": "Detector Inference Speed",
+      "temperature": "Detector Temperature",
       "cpuUsage": "Detector CPU Usage",
       "memoryUsage": "Detector Memory Usage"
     },

web/src/context/theme-provider.tsx

@@ -23,7 +23,7 @@ export const colorSchemes: ColorScheme[] = [
 // eslint-disable-next-line react-refresh/only-export-components
 export const friendlyColorSchemeName = (className: string): string => {
   const words = className.split("-").slice(1); // Exclude the first word (e.g., 'theme')
-  return "menu.theme." + words.join(".");
+  return "menu.theme." + words.join("");
 };
 
 type ThemeProviderProps = {

web/src/views/settings/NotificationsSettingsView.tsx

@@ -704,7 +704,7 @@ export function CameraNotificationSwitch({
       {!isSuspended ? (
         <Select onValueChange={handleSuspend}>
           <SelectTrigger className="w-auto">
-            <SelectValue placeholder="Suspend" />
+            <SelectValue placeholder={t("notification.suspendTime.suspend")} />
           </SelectTrigger>
           <SelectContent>
             <SelectItem value="5">

web/src/views/system/GeneralMetrics.tsx

@@ -528,7 +528,9 @@ export default function GeneralMetrics({
             <>
               {detTempSeries && (
                 <div className="rounded-lg bg-background_alt p-2.5 md:rounded-2xl">
-                  <div className="mb-5">Detector Temperature</div>
+                  <div className="mb-5">
+                    {t("general.detector.temperature")}
+                  </div>
                   {detTempSeries.map((series) => (
                     <ThresholdBarGraph
                       key={series.name}