i18n workflow improvements and tweaks (#22586)

* mobile button spacing

* prevent console warning about div being descendant of p

* ensure consistent spacing

* add missing i18n keys

* i18n fixes

- add missing translations
- fix dot notation keys

* use plain string

* add missing key

* add i18next-cli commands for extraction and status

also add false positives removal for several keys

* add i18n key check step to PR workflow

* formatting

web/src/components/overlay/DeleteRoleDialog.tsx

@@ -60,7 +60,7 @@ export default function DeleteRoleDialog({
           <div className="text-sm text-muted-foreground">
             <p>
               <Trans
-                ns={"views/settings"}
+                ns="views/settings"
                 values={{ role }}
                 components={{ strong: <span className="font-medium" /> }}
               >

web/src/components/overlay/DeleteTriggerDialog.tsx

@@ -35,7 +35,7 @@ export default function DeleteTriggerDialog({
           <DialogTitle>{t("triggers.dialog.deleteTrigger.title")}</DialogTitle>
           <DialogDescription>
             <Trans
-              ns={"views/settings"}
+              ns="views/settings"
               values={{ triggerName }}
               components={{ strong: <span className="font-medium" /> }}
             >

web/src/components/overlay/EditRoleCamerasDialog.tsx

@@ -90,7 +90,7 @@ export default function EditRoleCamerasDialog({
           </DialogTitle>
           <DialogDescription>
             <Trans
-              ns={"views/settings"}
+              ns="views/settings"
               values={{ role }}
               components={{ strong: <span className="font-medium" /> }}
             >

web/src/components/overlay/MobileTimelineDrawer.tsx

@@ -40,7 +40,7 @@ export default function MobileTimelineDrawer({
             setDrawer(false);
           }}
         >
-          {t("timeline")}
+          {t("timeline.label")}
         </div>
         <div
           className={`mx-4 w-full py-2 text-center smart-capitalize ${selected == "events" ? "rounded-lg bg-secondary" : ""}`}