chore: upgrade i18next 26, prettier 3, fontsource-variable, domhandler 6, lint-staged 17

- i18next 23->26 + react-i18next 15->17
- prettier 2->3, reformat all files
- replace @fontsource/inter with @fontsource-variable/inter 5, update import path
- domhandler 5->6 (aligns with transitive deps)
- lint-staged 16->17

src/app/features/call-status/CallControl.tsx

@@ -163,7 +163,7 @@ export function CallControl({
   const { microphone, video, sound, screenshare } = useCallControlState(callEmbed.control);
   const setCallEmbed = useSetAtom(callEmbedAtom);
   const [hangupState, hangup] = useAsyncCallback(
-    useCallback(() => callEmbed.hangup(), [callEmbed])
+    useCallback(() => callEmbed.hangup(), [callEmbed]),
   );
   const exiting =
     hangupState.status === AsyncStatus.Loading || hangupState.status === AsyncStatus.Success;

src/app/features/call-status/LiveChip.tsx

@@ -77,7 +77,7 @@ export function LiveChip({ count, room, members }: LiveChipProps) {
                       getMemberDisplayName(room, userId) ?? getMxIdLocalPart(userId) ?? userId;
                     const avatarMxc = getMemberAvatarMxc(room, userId);
                     const avatarUrl = avatarMxc
-                      ? mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96) ?? undefined
+                      ? (mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96) ?? undefined)
                       : undefined;
 
                     return (
@@ -93,7 +93,7 @@ export function LiveChip({ count, room, members }: LiveChipProps) {
                             undefined,
                             userId,
                             getMouseEventCords(evt.nativeEvent),
-                            'Right'
+                            'Right',
                           )
                         }
                         before={

src/app/features/call-status/MemberGlance.tsx

@@ -34,7 +34,7 @@ export function MemberGlance({ room, members, speakers, max = 6 }: MemberGlanceP
         const name = getMemberDisplayName(room, userId) ?? getMxIdLocalPart(userId) ?? userId;
         const avatarMxc = getMemberAvatarMxc(room, userId);
         const avatarUrl = avatarMxc
-          ? mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96) ?? undefined
+          ? (mxcUrlToHttp(mx, avatarMxc, useAuthentication, 96, 96) ?? undefined)
           : undefined;
 
         return (
@@ -52,7 +52,7 @@ export function MemberGlance({ room, members, speakers, max = 6 }: MemberGlanceP
                 undefined,
                 userId,
                 getMouseEventCords(evt.nativeEvent),
-                'Top'
+                'Top',
               )
             }
           >

src/app/features/call-status/MemberSpeaking.tsx

@@ -10,7 +10,7 @@ type MemberSpeakingProps = {
 };
 export function MemberSpeaking({ room, speakers }: MemberSpeakingProps) {
   const speakingNames = Array.from(speakers).map(
-    (userId) => getMemberDisplayName(room, userId) ?? getMxIdLocalPart(userId) ?? userId
+    (userId) => getMemberDisplayName(room, userId) ?? getMxIdLocalPart(userId) ?? userId,
   );
   return (
     <Box alignItems="Center" gap="100">