feat(i18n): translate five more systems

- Settings > Voice: video — preview, permission states, camera picker.
    This closes the Voice & Video tab; input, output and video are all done.
  - Create channel / category / space
  - Group DMs — new DM, add friends, group settings, leave
  - Join a space — discovery, invite code, and both federated auth phases
  - Delete account, transfer ownership, and the top-level error screen

Three patterns worth noting. Strings that are chosen in a helper or held in
state (the camera's hard-blocked copy, its preview errors, the space
visibility options, the invite failure reasons) now travel as translation
keys and are resolved where they render, so switching language re-labels
what is already on screen. Sentences that wrap an emphasised literal — the
host name when joining, the space and member names when transferring — are
split around their placeholder instead of interpolated, leaving word order
to the translation. And `CreateChannel` mapped over `(t) =>` for the channel
type, which shadowed the translator; the loop variable is now `channelType`.

The error boundary in main.tsx is a class component, so it reads the locale
once per render via `translate` rather than the hook — correct here anyway,
since an error screen has no reason to re-render on a language switch.

Two GroupDmSettings tests located the name input by its aria-label, which
this change translates. They now use the `data-group-dm-name-input`
attribute the input already carries, matching how the rest of that file
locates elements — and no longer break when copy changes.

Dictionary is at 595 keys, en and pt-BR at exact parity.

Verified: web build (tsc + vite), 490 web tests.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

packages/web/src/components/modals/TransferOwnershipModal.tsx

@@ -7,6 +7,7 @@ import { useUIStore } from '../../stores/uiStore';
 import { normalizeUserAssets } from '../../utils/assetUrls';
 import { useCanonicalUserView } from '../../utils/userViewLookup';
 import { Avatar } from '../ui/Avatar';
+import { useT } from '../../i18n';
 
 function TransferMemberRow({
   member,
@@ -44,6 +45,7 @@ function TransferMemberRow({
 }
 
 export function TransferOwnershipModal({ spaceId, onClose }: { spaceId: string; onClose: () => void }) {
+  const t = useT();
   const modalRef = useRef<HTMLDivElement>(null);
   const space = useSpaceStore((s) => s.spaces.find(sp => sp.id === spaceId));
   const currentUserId = useAuthStore((s) => s.user?.id);
@@ -127,7 +129,7 @@ export function TransferOwnershipModal({ spaceId, onClose }: { spaceId: string;
       addToast(`Ownership transferred to ${selectedMember?.user.displayName || selectedMember?.user.username}`, 'success', 3000);
       onClose();
     } catch (err) {
-      addToast(err instanceof Error ? err.message : 'Failed to transfer ownership', 'warning', 3000);
+      addToast(err instanceof Error ? err.message : t('danger.transfer.failed'), 'warning', 3000);
     } finally {
       setTransferring(false);
     }
@@ -141,9 +143,12 @@ export function TransferOwnershipModal({ spaceId, onClose }: { spaceId: string;
       >
         {/* Header */}
         <div className="px-4 pt-4 pb-3 border-b border-white/[0.06]">
-          <h3 className="text-base font-semibold text-txt-primary">Transfer Ownership</h3>
+          <h3 className="text-base font-semibold text-txt-primary">{t('danger.transfer.title')}</h3>
           <p className="text-xs text-txt-tertiary mt-0.5">
-            Choose a member to become the new owner of <span className="font-medium text-txt-secondary">{space.name}</span>
+            {(() => {
+              const [before, after] = t('danger.transfer.lead').split('{space}');
+              return (<>{before}<span className="font-medium text-txt-secondary">{space.name}</span>{after}</>);
+            })()}
           </p>
         </div>
 
@@ -152,10 +157,21 @@ export function TransferOwnershipModal({ spaceId, onClose }: { spaceId: string;
           <div className="p-4 flex flex-col gap-4">
             <div className="p-3 rounded-lg bg-accent-amber/10 border border-accent-amber/20">
               <p className="text-sm text-txt-secondary">
-                Transfer ownership of <span className="font-semibold text-txt-primary">{space.name}</span> to{' '}
-                <span className="font-semibold text-txt-primary">{selectedMember.user.displayName || selectedMember.user.username}</span>?
+                {(() => {
+                  const parts = t('danger.transfer.confirm').split(/\{space\}|\{member\}/);
+                  const memberName = selectedMember.user.displayName || selectedMember.user.username;
+                  return (
+                    <>
+                      {parts[0]}
+                      <span className="font-semibold text-txt-primary">{space.name}</span>
+                      {parts[1]}
+                      <span className="font-semibold text-txt-primary">{memberName}</span>
+                      {parts[2]}
+                    </>
+                  );
+                })()}
               </p>
-              <p className="text-xs text-txt-tertiary mt-1.5">You will become a regular member.</p>
+              <p className="text-xs text-txt-tertiary mt-1.5">{t('danger.transfer.note')}</p>
             </div>
             <div className="flex gap-3">
               <button
@@ -163,14 +179,14 @@ export function TransferOwnershipModal({ spaceId, onClose }: { spaceId: string;
                 className="flex-1 py-2.5 text-sm font-medium text-txt-secondary bg-interactive-hover hover:bg-interactive-selected rounded-lg transition-colors disabled:opacity-50"
                 disabled={transferring}
               >
-                Cancel
+                {t('danger.transfer.cancel')}
               </button>
               <button
                 onClick={handleTransfer}
                 disabled={transferring}
                 className="flex-1 py-2.5 bg-accent-amber hover:bg-accent-amber/80 text-white text-sm font-medium rounded-lg transition-colors disabled:opacity-50"
               >
-                {transferring ? 'Transferring...' : 'Transfer'}
+                {transferring ? t('danger.transfer.transferring') : t('danger.transfer.submit')}
               </button>
             </div>
           </div>
@@ -182,16 +198,16 @@ export function TransferOwnershipModal({ spaceId, onClose }: { spaceId: string;
                 type="text"
                 value={search}
                 onChange={(e) => setSearch(e.target.value)}
-                placeholder="Search members..."
+                placeholder={t('danger.transfer.search')}
                 className="input-search w-full"
                 autoFocus
               />
             </div>
             <div className="flex-1 overflow-y-auto p-2 min-h-0">
               {loading ? (
-                <p className="text-xs text-txt-tertiary text-center py-4">Loading members...</p>
+                <p className="text-xs text-txt-tertiary text-center py-4">{t('danger.transfer.loading')}</p>
               ) : filteredMembers.length === 0 ? (
-                <p className="text-xs text-txt-tertiary text-center py-4">No members found</p>
+                <p className="text-xs text-txt-tertiary text-center py-4">{t('danger.transfer.empty')}</p>
               ) : (
                 filteredMembers.map((member) => (
                   <TransferMemberRow