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/pages/client/sidebar/CreateTab.tsx

@@ -121,7 +121,7 @@ export function CreateTab() {
                       ? withSearchParam<_RoomSearchParams>(path, {
                           viaServers: encodeSearchParamValueArray(viaServers),
                         })
-                      : path
+                      : path,
                   );
                 }}
               />

src/app/pages/client/sidebar/SettingsTab.tsx

@@ -20,7 +20,7 @@ export function SettingsTab() {
 
   const displayName = 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 openSettings = () => setSettings(true);

src/app/pages/client/sidebar/SpaceTabs.tsx

@@ -116,7 +116,7 @@ const SpaceMenu = forwardRef<HTMLDivElement, SpaceMenuProps>(
     const allChild = useSpaceChildren(
       allRoomsAtom,
       room.roomId,
-      useRecursiveChildScopeFactory(mx, roomToParents)
+      useRecursiveChildScopeFactory(mx, roomToParents),
     );
     const unread = useRoomsUnread(allChild, roomToUnreadAtom);
 
@@ -221,7 +221,7 @@ const SpaceMenu = forwardRef<HTMLDivElement, SpaceMenuProps>(
         </Box>
       </Menu>
     );
-  }
+  },
 );
 
 type InstructionType = Instruction['type'];
@@ -236,7 +236,7 @@ const useDraggableItem = (
   item: SidebarDraggable,
   targetRef: RefObject<HTMLElement>,
   onDragging: (item?: SidebarDraggable) => void,
-  dragHandleRef?: RefObject<HTMLElement>
+  dragHandleRef?: RefObject<HTMLElement>,
 ): boolean => {
   const [dragging, setDragging] = useState(false);
 
@@ -266,7 +266,7 @@ const useDraggableItem = (
 
 const useDropTarget = (
   item: SidebarDraggable,
-  targetRef: RefObject<HTMLElement>
+  targetRef: RefObject<HTMLElement>,
 ): Instruction | undefined => {
   const [dropState, setDropState] = useState<Instruction>();
 
@@ -293,7 +293,7 @@ const useDropTarget = (
             indentPerLevel: 0,
             mode: 'standard',
             block,
-          }
+          },
         );
 
         const instruction: Instruction | null = extractInstruction(insData);
@@ -315,7 +315,7 @@ const useDropTarget = (
 function useDropTargetInstruction<T extends InstructionType>(
   item: SidebarDraggable,
   targetRef: RefObject<HTMLElement>,
-  instructionType: T
+  instructionType: T,
 ): T | undefined {
   const [dropState, setDropState] = useState<T>();
 
@@ -351,8 +351,8 @@ const useDnDMonitor = (
   onReorder: (
     draggable: SidebarDraggable,
     container: SidebarDraggable,
-    instruction: InstructionType
-  ) => void
+    instruction: InstructionType,
+  ) => void,
 ) => {
   useEffect(() => {
     const scrollElement = scrollRef.current;
@@ -377,7 +377,7 @@ const useDnDMonitor = (
       }),
       autoScrollForElements({
         element: scrollElement,
-      })
+      }),
     );
   }, [scrollRef, onDragging, onReorder]);
 };
@@ -412,7 +412,7 @@ function SpaceTab({
             spaceId: space.roomId,
           }
         : space.roomId,
-    [folder, space]
+    [folder, space],
   );
 
   useDraggableItem(spaceDraggable, targetRef, onDragging);
@@ -754,8 +754,8 @@ export function SpaceTabs({ scrollRef }: SpaceTabsProps) {
         localEchoSidebarItem(parseSidebar(mx, orphanSpaces, newSpacesContent));
         mx.setAccountData(AccountDataEvent.CinnySpaces, newSpacesContent);
       },
-      [mx, sidebarItems, setOpenedFolder, localEchoSidebarItem, orphanSpaces]
-    )
+      [mx, sidebarItems, setOpenedFolder, localEchoSidebarItem, orphanSpaces],
+    ),
   );
 
   const selectedSpaceId = useSelectedSpace();
@@ -800,7 +800,7 @@ export function SpaceTabs({ scrollRef }: SpaceTabsProps) {
       localEchoSidebarItem(parseSidebar(mx, orphanSpaces, newSpacesContent));
       mx.setAccountData(AccountDataEvent.CinnySpaces, newSpacesContent);
     },
-    [mx, sidebarItems, orphanSpaces, localEchoSidebarItem]
+    [mx, sidebarItems, orphanSpaces, localEchoSidebarItem],
   );
 
   if (sidebarItems.length === 0) return null;

src/app/pages/client/sidebar/UnverifiedTab.tsx

@@ -29,7 +29,7 @@ function UnverifiedIndicator() {
   const verificationStatus = useDeviceVerificationStatus(
     crypto,
     mx.getSafeUserId(),
-    currentDevice?.device_id
+    currentDevice?.device_id,
   );
   const unverified = verificationStatus === VerificationStatus.Unverified;
 
@@ -37,7 +37,7 @@ function UnverifiedIndicator() {
   const unverifiedDeviceCount = useUnverifiedDeviceCount(
     crypto,
     mx.getSafeUserId(),
-    otherDevicesId
+    otherDevicesId,
   );
 
   const [settings, setSettings] = useState(false);