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/components/image-pack-view/ImagePackContent.tsx

@@ -57,7 +57,7 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
           Array.from(savedImages).find(([, img]) => img.shortcode === shortcode) !== undefined;
         return hasInSaved;
       },
-      [imagePack, savedImages, uploadedImages]
+      [imagePack, savedImages, uploadedImages],
     );
 
     const pickFiles = useFilePicker(
@@ -74,9 +74,9 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
 
           setFiles((f) => [...f, ...uniqueFiles]);
         },
-        [hasImageWithShortcode]
+        [hasImageWithShortcode],
       ),
-      true
+      true,
     );
 
     const handleMetaSave = useCallback(
@@ -88,10 +88,10 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
               ...imagePack.meta.content,
               ...m?.content,
               ...editedMeta.content,
-            })
+            }),
         );
       },
-      [imagePack.meta]
+      [imagePack.meta],
     );
 
     const handleMetaCancel = () => setMetaEditing(false);
@@ -104,10 +104,10 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
               ...imagePack.meta.content,
               ...m?.content,
               usage: usg,
-            })
+            }),
         );
       },
-      [imagePack.meta]
+      [imagePack.meta],
     );
 
     const handleUploadRemove = useCallback((file: TUploadContent) => {
@@ -123,13 +123,13 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
         };
         const image = PackImageReader.fromPackImage(
           getFileNameWithoutExt(data.file.name),
-          packImage
+          packImage,
         );
         if (!image) return;
         handleUploadRemove(data.file);
         setUploadedImages((imgs) => [image, ...imgs]);
       },
-      [handleUploadRemove]
+      [handleUploadRemove],
     );
 
     const handleImageEdit = (shortcode: string) => {
@@ -164,7 +164,7 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
           ? new PackImageReader(
               suffixRename(image.shortcode, hasImageWithShortcode),
               image.url,
-              image.content
+              image.content,
             )
           : image;
 
@@ -199,7 +199,7 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
         images.forEach((img) => pushImage(img));
 
         return onUpdate?.(pack);
-      }, [imagePack, images, savedMeta, uploadedImages, savedImages, deleteImages, onUpdate])
+      }, [imagePack, images, savedMeta, uploadedImages, savedImages, deleteImages, onUpdate]),
     );
 
     useEffect(() => {
@@ -384,5 +384,5 @@ export const ImagePackContent = as<'div', ImagePackContentProps>(
         )}
       </Box>
     );
-  }
+  },
 );

src/app/components/image-pack-view/PackMeta.tsx

@@ -53,7 +53,7 @@ export function ImagePackProfile({ meta, canEdit, onEdit }: ImagePackProfileProp
   const mx = useMatrixClient();
   const useAuthentication = useMediaAuthentication();
   const avatarUrl = meta.avatar
-    ? mxcUrlToHttp(mx, meta.avatar, useAuthentication) ?? undefined
+    ? (mxcUrlToHttp(mx, meta.avatar, useAuthentication) ?? undefined)
     : undefined;
 
   return (
@@ -101,7 +101,7 @@ export function ImagePackProfileEdit({ meta, onCancel, onSave }: ImagePackProfil
   const useAuthentication = useMediaAuthentication();
   const [avatar, setAvatar] = useState(meta.avatar);
 
-  const avatarUrl = avatar ? mxcUrlToHttp(mx, avatar, useAuthentication) ?? undefined : undefined;
+  const avatarUrl = avatar ? (mxcUrlToHttp(mx, avatar, useAuthentication) ?? undefined) : undefined;
 
   const [imageFile, setImageFile] = useState<File>();
   const avatarFileUrl = useObjectURL(imageFile);

src/app/components/image-pack-view/RoomImagePack.tsx

@@ -32,7 +32,7 @@ export function RoomImagePack({ room, stateKey }: RoomImagePackProps) {
       {
         roomId: room.roomId,
         stateKey,
-      }
+      },
     );
   }, [room.roomId, stateKey]);
   const imagePack = useRoomImagePack(room, stateKey) ?? fallbackPack;
@@ -46,10 +46,10 @@ export function RoomImagePack({ room, stateKey }: RoomImagePackProps) {
         address.roomId,
         StateEvent.PoniesRoomEmotes,
         packContent,
-        address.stateKey
+        address.stateKey,
       );
     },
-    [mx, imagePack]
+    [mx, imagePack],
   );
 
   return (

src/app/components/image-pack-view/UsageSwitcher.tsx

@@ -29,7 +29,7 @@ export function UsageSelector({ selected, onChange }: UsageSelectorProps) {
 
   const allUsages: ImageUsage[][] = useMemo(
     () => [[ImageUsage.Emoticon], [ImageUsage.Sticker], [ImageUsage.Sticker, ImageUsage.Emoticon]],
-    []
+    [],
   );
 
   return (

src/app/components/image-pack-view/UserImagePack.tsx

@@ -15,7 +15,7 @@ export function UserImagePack() {
     async (packContent: PackContent) => {
       await mx.setAccountData(AccountDataEvent.PoniesUserEmotes, packContent);
     },
-    [mx]
+    [mx],
   );
 
   return <ImagePackContent imagePack={imagePack ?? defaultPack} canEdit onUpdate={handleUpdate} />;