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/settings/account/ContactInfo.tsx

@@ -9,7 +9,7 @@ import { AsyncStatus, useAsyncCallback } from '../../../hooks/useAsyncCallback';
 export function ContactInformation() {
   const mx = useMatrixClient();
   const [threePIdsState, loadThreePIds] = useAsyncCallback(
-    useCallback(() => mx.getThreePids(), [mx])
+    useCallback(() => mx.getThreePids(), [mx]),
   );
   const threePIds =
     threePIdsState.status === AsyncStatus.Success ? threePIdsState.data.threepids : undefined;

src/app/features/settings/account/IgnoredUserList.tsx

@@ -19,8 +19,8 @@ function IgnoreUserInput({ userList }: { userList: string[] }) {
       async (uId: string) => {
         await mx.setIgnoredUsers([...userList, uId]);
       },
-      [mx, userList]
-    )
+      [mx, userList],
+    ),
   );
   const ignoring = ignoreState.status === AsyncStatus.Loading;
 
@@ -102,8 +102,8 @@ function IgnoredUserChip({ userId, userList }: { userId: string; userList: strin
   const [unignoreState, unignore] = useAsyncCallback(
     useCallback(
       () => mx.setIgnoredUsers(userList.filter((uId) => uId !== userId)),
-      [mx, userId, userList]
-    )
+      [mx, userId, userList],
+    ),
   );
 
   const handleUnignore = () => unignore();

src/app/features/settings/account/Profile.tsx

@@ -57,7 +57,7 @@ function ProfileAvatar({ profile, userId }: ProfileProps) {
 
   const defaultDisplayName = profile.displayName ?? getMxIdLocalPart(userId) ?? userId;
   const avatarUrl = profile.avatarUrl
-    ? mxcUrlToHttp(mx, profile.avatarUrl, useAuthentication, 96, 96, 'crop') ?? undefined
+    ? (mxcUrlToHttp(mx, profile.avatarUrl, useAuthentication, 96, 96, 'crop') ?? undefined)
     : undefined;
 
   const [imageFile, setImageFile] = useState<File>();
@@ -79,7 +79,7 @@ function ProfileAvatar({ profile, userId }: ProfileProps) {
       mx.setAvatarUrl(mxc);
       handleRemoveUpload();
     },
-    [mx, handleRemoveUpload]
+    [mx, handleRemoveUpload],
   );
 
   const handleRemoveAvatar = () => {
@@ -219,7 +219,7 @@ function ProfileDisplayName({ profile, userId }: ProfileProps) {
   const [displayName, setDisplayName] = useState<string>(defaultDisplayName);
 
   const [changeState, changeDisplayName] = useAsyncCallback(
-    useCallback((name: string) => mx.setDisplayName(name), [mx])
+    useCallback((name: string) => mx.setDisplayName(name), [mx]),
   );
   const changingDisplayName = changeState.status === AsyncStatus.Loading;