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/common-settings/permissions/PermissionGroups.tsx

@@ -42,7 +42,7 @@ export function PermissionGroups({
   const maxPower = useMemo(() => Math.max(...getPowers(powerLevelTags)), [powerLevelTags]);
 
   const [permissionUpdate, setPermissionUpdate] = useState<Map<PermissionLocation, number>>(
-    new Map()
+    new Map(),
   );
 
   useEffect(() => {
@@ -54,7 +54,7 @@ export function PermissionGroups({
   const handleChangePermission = (
     location: PermissionLocation,
     newPower: number,
-    currentPower: number
+    currentPower: number,
   ) => {
     setPermissionUpdate((p) => {
       const up: typeof p = new Map();
@@ -77,16 +77,16 @@ export function PermissionGroups({
           group.items.forEach((item) => {
             const power = getPermissionPower(powerLevels, item.location);
             applyPermissionPower(draftPowerLevels, item.location, power);
-          })
+          }),
         );
         permissionUpdate.forEach((power, location) =>
-          applyPermissionPower(draftPowerLevels, location, power)
+          applyPermissionPower(draftPowerLevels, location, power),
         );
 
         return draftPowerLevels;
       });
       await mx.sendStateEvent(room.roomId, StateEvent.RoomPowerLevels as any, editedPowerLevels);
-    }, [mx, room, powerLevels, permissionUpdate, permissionGroups])
+    }, [mx, room, powerLevels, permissionUpdate, permissionGroups]),
   );
 
   const resetChanges = useCallback(() => {

src/app/features/common-settings/permissions/PowersEditor.tsx

@@ -228,7 +228,7 @@ function EditPower({ maxPower, power, tag, onSave, onClose }: EditPowerProps) {
                         onClick={
                           ((evt) =>
                             setCords(
-                              evt.currentTarget.getBoundingClientRect()
+                              evt.currentTarget.getBoundingClientRect(),
                             )) as MouseEventHandler<HTMLButtonElement>
                         }
                         type="button"
@@ -324,7 +324,7 @@ export function PowersEditor({ powerLevels, requestClose }: PowersEditorProps) {
         return editedTags;
       });
     },
-    [powerLevelTags]
+    [powerLevelTags],
   );
 
   const [applyState, applyChanges] = useAsyncCallback(
@@ -334,7 +334,7 @@ export function PowersEditor({ powerLevels, requestClose }: PowersEditorProps) {
         delete content[power];
       });
       await mx.sendStateEvent(room.roomId, StateEvent.PowerLevelTags as any, content);
-    }, [mx, room, powerLevelTags, editedPowerTags, deleted])
+    }, [mx, room, powerLevelTags, editedPowerTags, deleted]),
   );
 
   const resetChanges = useCallback(() => {