Complete client UI i18n migration

Adds client-side i18n support, language settings, translated UI copy, and locale parity coverage.

packages/app/src/components/rewind/rewind-menu.tsx

@@ -1,4 +1,5 @@
 import { memo, useCallback, useMemo, useState, type ReactElement } from "react";
+import { useTranslation } from "react-i18next";
 import { Text, View } from "react-native";
 import { FileText, Layers, MessageSquare, Undo2 } from "lucide-react-native";
 import { StyleSheet, useUnistyles } from "react-native-unistyles";
@@ -42,7 +43,16 @@ export const RewindMenu = memo(function RewindMenu({
   testID = "rewind-menu",
 }: RewindMenuProps) {
   const { theme } = useUnistyles();
-  const items = useRewindCapabilities(capabilities);
+  const { t } = useTranslation();
+  const rewindLabels = useMemo(
+    () => ({
+      conversation: t("rewind.actions.conversation"),
+      files: t("rewind.actions.files"),
+      both: t("rewind.actions.both"),
+    }),
+    [t],
+  );
+  const items = useRewindCapabilities(capabilities, rewindLabels);
   const [isOpen, setIsOpen] = useState(false);
   const [pendingMode, setPendingMode] = useState<RewindMode | null>(null);
   const isLocked = isPendingProp || pendingMode !== null;
@@ -79,10 +89,10 @@ export const RewindMenu = memo(function RewindMenu({
   const tooltipContent = useMemo(
     () => (
       <TooltipContent side="top" align="center" offset={8}>
-        <Text style={styles.tooltipText}>Rewind to this message</Text>
+        <Text style={styles.tooltipText}>{t("rewind.tooltip")}</Text>
       </TooltipContent>
     ),
-    [],
+    [t],
   );
 
   if (items.length === 0) {
@@ -95,7 +105,7 @@ export const RewindMenu = memo(function RewindMenu({
         <TooltipTrigger asChild>
           <View style={styles.triggerSlot} collapsable={false}>
             <DropdownMenuTrigger
-              accessibilityLabel="Rewind to this message"
+              accessibilityLabel={t("rewind.tooltip")}
               accessibilityRole="button"
               disabled={isLocked}
               style={triggerStyle}
@@ -114,7 +124,7 @@ export const RewindMenu = memo(function RewindMenu({
       </Tooltip>
       <DropdownMenuContent align="end" minWidth={220} side="bottom" testID={`${testID}-content`}>
         <View style={styles.warningHeader}>
-          <Text style={styles.warningText}>This action cannot be undone</Text>
+          <Text style={styles.warningText}>{t("rewind.warning")}</Text>
         </View>
         <DropdownMenuSeparator />
         {items.map((item) => (