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/pages/Exports.tsx

@@ -220,7 +220,7 @@ function Exports() {
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{t("deleteExport")}</AlertDialogTitle>
+            <AlertDialogTitle>{t("deleteExport.label")}</AlertDialogTitle>
             <AlertDialogDescription>
               {t("deleteExport.desc", { exportName: deleteClip?.exportName })}
             </AlertDialogDescription>

web/src/pages/Live.tsx

@@ -81,7 +81,7 @@ function Live() {
         camera: `${cameraGroup[0].toUpperCase()}${cameraGroup.substring(1)}`,
       });
     } else {
-      document.title = t("documentTitle", { ns: "views/live" });
+      document.title = t("documentTitle.default", { ns: "views/live" });
     }
   }, [cameraGroup, selectedCameraName, t]);
 

web/src/pages/Settings.tsx

@@ -1397,10 +1397,12 @@ export default function Settings() {
           : "bg-selected";
 
       return (
-        <div className="flex w-full items-center justify-between pr-4 md:pr-0">
-          <div>{t("menu." + key)}</div>
+        <div className="flex w-full min-w-0 items-center justify-between pr-4 md:pr-0">
+          <div className="min-w-0 flex-1 whitespace-normal break-words">
+            {t("menu." + key)}
+          </div>
           {(showOverrideDot || showUnsavedDot) && (
-            <div className="ml-2 flex items-center gap-2">
+            <div className="ml-2 flex shrink-0 items-center gap-2">
               {showOverrideDot && (
                 <span
                   className={cn("inline-block size-2 rounded-full", dotColor)}
@@ -1747,7 +1749,7 @@ export default function Settings() {
                       <SidebarMenu>
                         <SidebarMenuItem>
                           <SidebarMenuButton
-                            className="ml-0"
+                            className="ml-0 h-auto min-h-8 py-1.5"
                             isActive={pageToggle === filteredItems[0].key}
                             onClick={() => {
                               if (
@@ -1788,6 +1790,7 @@ export default function Settings() {
                           {filteredItems.map((item) => (
                             <SidebarMenuSubItem key={item.key}>
                               <SidebarMenuSubButton
+                                className="h-auto w-full py-1.5"
                                 isActive={pageToggle === item.key}
                                 onClick={() => {
                                   if (