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/room/message/Message.tsx

@@ -176,7 +176,7 @@ export const MessageQuickReactions = as<'div', MessageQuickReactionsProps>(
         <Line size="300" />
       </>
     );
-  }
+  },
 );
 
 export const MessageAllReactionItem = as<
@@ -461,8 +461,8 @@ export const MessageDeleteItem = as<
     useCallback(
       (eventId: string, reason?: string) =>
         mx.redactEvent(room.roomId, eventId, undefined, reason ? { reason } : undefined),
-      [mx, room]
-    )
+      [mx, room],
+    ),
   );
 
   const handleSubmit: FormEventHandler<HTMLFormElement> = (evt) => {
@@ -590,8 +590,8 @@ export const MessageReportItem = as<
     useCallback(
       (eventId: string, score: number, reason: string) =>
         mx.reportEvent(room.roomId, eventId, score, reason),
-      [mx, room]
-    )
+      [mx, room],
+    ),
   );
 
   const handleSubmit: FormEventHandler<HTMLFormElement> = (evt) => {
@@ -726,7 +726,7 @@ export type MessageProps = {
   onUsernameClick: MouseEventHandler<HTMLButtonElement>;
   onReplyClick: (
     ev: Parameters<MouseEventHandler<HTMLButtonElement>>[0],
-    startThread?: boolean
+    startThread?: boolean,
   ) => void;
   onEditId?: (eventId?: string) => void;
   onReactionToggle: (targetEventId: string, key: string, shortcode?: string) => void;
@@ -776,7 +776,7 @@ export const Message = React.memo(
         children,
         ...props
       },
-      ref
+      ref,
     ) => {
       const mx = useMatrixClient();
       const useAuthentication = useMediaAuthentication();
@@ -784,7 +784,7 @@ export const Message = React.memo(
       const readPositions = useReadPositions();
       const readReceiptUsers = hideReadReceipts
         ? []
-        : readPositions.get(mEvent.getId() ?? '') ?? [];
+        : (readPositions.get(mEvent.getId() ?? '') ?? []);
       const isMine = mEvent.getSender() === mx.getUserId();
       const lotusTerminal = lotusTerminalProp;
 
@@ -870,8 +870,8 @@ export const Message = React.memo(
               userId={senderId}
               src={
                 senderAvatarMxc
-                  ? mxcUrlToHttp(mx, senderAvatarMxc, useAuthentication, 48, 48, 'crop') ??
-                    undefined
+                  ? (mxcUrlToHttp(mx, senderAvatarMxc, useAuthentication, 48, 48, 'crop') ??
+                    undefined)
                   : undefined
               }
               alt={senderDisplayName}
@@ -1254,8 +1254,8 @@ export const Message = React.memo(
           )}
         </MessageBase>
       );
-    }
-  )
+    },
+  ),
 );
 
 export type EventProps = {
@@ -1282,7 +1282,7 @@ export const Event = React.memo(
         children,
         ...props
       },
-      ref
+      ref,
     ) => {
       const mx = useMatrixClient();
       const [hover, setHover] = useState(false);
@@ -1409,6 +1409,6 @@ export const Event = React.memo(
           <div onContextMenu={handleContextMenu}>{children}</div>
         </MessageBase>
       );
-    }
-  )
+    },
+  ),
 );