chore: bulk dependency updates + fix immer v11 default import + sentry test

Package updates (safe minor/major bumps, all build-verified):
- @tanstack/react-query 5.24->5.100, react-virtual 3.2->3.13
- jotai 2.6->2.20, immer 9->11, dayjs, chroma-js, classnames, blurhash
- slate/slate-dom/slate-react 0.123->0.124
- focus-trap-react 10->12, react-error-boundary 4->6
- html-dom-parser 4->7, html-react-parser 4->6
- pdfjs-dist 4->5, ua-parser-js 1->2
- i18next-http-backend 3->4, i18next-browser-languagedetector 8.0->8.2
- react-aria 3.29->3.48, matrix-widget-api 1.16->1.17
- @atlaskit/pragmatic-drag-and-drop* minor bumps
- @rollup/plugin-inject 5.0.3->5.0.5, @rollup/plugin-wasm 6.1->6.2
- @element-hq/element-call-embedded 0.19.3->0.19.4
- @types/* patches, eslint-plugin-* minors

Breaking change fix:
- immer v11 removed default export; updated 11 files to named import

Temporary: add Sentry test button to WelcomePage for verification.
Remove after confirming errors reach the dashboard.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

package.json

@@ -63,85 +63,85 @@
   "author": "Ajay Bura",
   "license": "AGPL-3.0-only",
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "1.1.6",
+    "@atlaskit/pragmatic-drag-and-drop": "1.8.1",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "1.3.0",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "2.1.5",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.0.3",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
     "@fontsource/inter": "4.5.14",
     "@giphy/js-fetch-api": "5.8.0",
     "@giphy/js-types": "5.1.0",
     "@giphy/react-components": "10.1.2",
     "@sentry/react": "10.53.1",
-    "@tanstack/react-query": "5.24.1",
+    "@tanstack/react-query": "5.100.11",
-    "@tanstack/react-query-devtools": "5.24.1",
+    "@tanstack/react-query-devtools": "5.100.11",
-    "@tanstack/react-virtual": "3.2.0",
+    "@tanstack/react-virtual": "3.13.25",
     "@types/dompurify": "3.2.0",
     "await-to-js": "3.0.0",
     "badwords-list": "2.0.1-4",
-    "blurhash": "2.0.4",
+    "blurhash": "2.0.5",
     "browser-encrypt-attachment": "0.3.0",
-    "chroma-js": "3.1.2",
+    "chroma-js": "3.2.0",
-    "classnames": "2.3.2",
+    "classnames": "2.5.1",
     "dateformat": "5.0.3",
-    "dayjs": "1.11.10",
+    "dayjs": "1.11.20",
     "domhandler": "5.0.3",
     "dompurify": "3.4.5",
     "emojibase": "15.3.1",
     "emojibase-data": "15.3.2",
     "file-saver": "2.0.5",
-    "focus-trap-react": "10.0.2",
+    "focus-trap-react": "12.0.2",
     "folds": "2.6.2",
-    "html-dom-parser": "4.0.0",
+    "html-dom-parser": "7.1.0",
-    "html-react-parser": "4.2.0",
+    "html-react-parser": "6.1.2",
     "i18next": "23.12.2",
-    "i18next-browser-languagedetector": "8.0.0",
+    "i18next-browser-languagedetector": "8.2.1",
-    "i18next-http-backend": "3.0.6",
+    "i18next-http-backend": "4.0.0",
-    "immer": "9.0.16",
+    "immer": "11.1.8",
     "is-hotkey": "0.2.0",
-    "jotai": "2.6.0",
+    "jotai": "2.20.0",
-    "linkify-react": "4.3.2",
+    "linkify-react": "4.3.3",
-    "linkifyjs": "4.3.2",
+    "linkifyjs": "4.3.3",
     "lodash": "4.18.1",
     "matrix-js-sdk": "38.2.0",
-    "matrix-widget-api": "1.16.1",
+    "matrix-widget-api": "1.17.0",
     "millify": "6.1.0",
-    "pdfjs-dist": "4.2.67",
+    "pdfjs-dist": "5.7.284",
     "prismjs": "1.30.0",
     "react": "18.2.0",
-    "react-aria": "3.29.1",
+    "react-aria": "3.48.0",
-    "react-blurhash": "0.2.0",
+    "react-blurhash": "0.3.0",
-    "react-colorful": "5.6.1",
+    "react-colorful": "5.7.0",
     "react-dom": "18.2.0",
-    "react-error-boundary": "4.0.13",
+    "react-error-boundary": "6.1.1",
     "react-google-recaptcha": "2.1.0",
     "react-i18next": "15.0.0",
-    "react-range": "1.8.14",
+    "react-range": "1.10.0",
     "react-router-dom": "6.30.3",
     "sanitize-html": "2.17.4",
-    "slate": "0.123.0",
+    "slate": "0.124.1",
-    "slate-dom": "0.123.0",
+    "slate-dom": "0.124.1",
     "slate-history": "0.113.1",
-    "slate-react": "0.123.0",
+    "slate-react": "0.124.2",
-    "styled-components": "6.4.1",
+    "styled-components": "6.4.2",
-    "ua-parser-js": "1.0.35"
+    "ua-parser-js": "2.0.10"
   },
   "devDependencies": {
-    "@element-hq/element-call-embedded": "0.19.3",
+    "@element-hq/element-call-embedded": "0.19.4",
     "@esbuild-plugins/node-globals-polyfill": "0.2.3",
-    "@rollup/plugin-inject": "5.0.3",
+    "@rollup/plugin-inject": "5.0.5",
-    "@rollup/plugin-wasm": "6.1.1",
+    "@rollup/plugin-wasm": "6.2.2",
     "@semantic-release/exec": "7.1.0",
     "@semantic-release/git": "10.0.1",
     "@sentry/vite-plugin": "5.3.0",
-    "@types/chroma-js": "3.1.1",
+    "@types/chroma-js": "3.1.2",
-    "@types/file-saver": "2.0.5",
+    "@types/file-saver": "2.0.7",
     "@types/is-hotkey": "0.1.10",
-    "@types/node": "18.11.18",
+    "@types/node": "25.9.1",
-    "@types/prismjs": "1.26.0",
+    "@types/prismjs": "1.26.6",
     "@types/react": "18.2.39",
     "@types/react-dom": "18.2.17",
-    "@types/react-google-recaptcha": "2.1.8",
+    "@types/react-google-recaptcha": "2.1.9",
     "@types/sanitize-html": "2.16.1",
-    "@types/ua-parser-js": "0.7.36",
+    "@types/ua-parser-js": "0.7.39",
     "@typescript-eslint/eslint-plugin": "5.46.1",
     "@typescript-eslint/parser": "5.46.1",
     "@vanilla-extract/css": "1.20.1",
@@ -153,9 +153,9 @@
     "eslint": "8.29.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-import": "2.32.0",
-    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-react": "7.31.11",
+    "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "9.1.7",
     "lint-staged": "16.3.2",

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

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-array-index-key */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Badge, Box, Button, Chip, config, Icon, Icons, Menu, Spinner, Text } from 'folds';
-import produce from 'immer';
+import { produce } from 'immer';
 import { SequenceCard } from '../../../components/sequence-card';
 import { SequenceCardStyle } from '../styles.css';
 import { SettingTile } from '../../../components/setting-tile';

src/app/features/lobby/Lobby.tsx

@@ -6,7 +6,7 @@ import { useNavigate } from 'react-router-dom';
 import { JoinRule, RestrictedAllowType, Room } from 'matrix-js-sdk';
 import { RoomJoinRulesEventContent } from 'matrix-js-sdk/lib/types';
 import { IHierarchyRoom } from 'matrix-js-sdk/lib/@types/spaces';
-import produce from 'immer';
+import { produce } from 'immer';
 import { useSpace } from '../../hooks/useSpace';
 import { Page, PageContent, PageContentCenter, PageHeroSection } from '../../components/page';
 import {

src/app/hooks/usePowerLevels.ts

@@ -1,6 +1,6 @@
 import { MatrixEvent, Room } from 'matrix-js-sdk';
 import { createContext, useCallback, useContext, useMemo, useState } from 'react';
-import produce from 'immer';
+import { produce } from 'immer';
 import { useStateEvent } from './useStateEvent';
 import { StateEvent } from '../../types/matrix/room';
 import { useStateEventCallback } from './useStateEventCallback';

src/app/pages/client/WelcomePage.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import * as Sentry from '@sentry/react';
 import { Box, Button, Icon, Icons, Text, config, toRem } from 'folds';
 import { Page, PageHero, PageHeroSection } from '../../components/page';
 import LotusLogo from '../../../../public/res/Lotus.png';
@@ -63,6 +64,17 @@ export function WelcomePage() {
                     Support
                   </Text>
                 </Button>
+                <Button
+                  onClick={() => {
+                    throw new Error('Sentry test error');
+                  }}
+                  fill="Soft"
+                  before={<Icon size="200" src={Icons.Warning} />}
+                >
+                  <Text as="span" size="B400" truncate>
+                    Test Sentry
+                  </Text>
+                </Button>
               </Box>
             </Box>
           </PageHero>

src/app/state/closedLobbyCategories.ts

@@ -1,5 +1,5 @@
 import { WritableAtom, atom } from 'jotai';
-import produce from 'immer';
+import { produce } from 'immer';
 import {
   atomWithLocalStorage,
   getLocalStorageItem,

src/app/state/closedNavCategories.ts

@@ -1,5 +1,5 @@
 import { WritableAtom, atom } from 'jotai';
-import produce from 'immer';
+import { produce } from 'immer';
 import {
   atomWithLocalStorage,
   getLocalStorageItem,

src/app/state/navToActivePath.ts

@@ -1,5 +1,5 @@
 import { WritableAtom, atom } from 'jotai';
-import produce from 'immer';
+import { produce } from 'immer';
 import { Path } from 'react-router-dom';
 import {
   atomWithLocalStorage,

src/app/state/openedSidebarFolder.ts

@@ -1,5 +1,5 @@
 import { WritableAtom, atom } from 'jotai';
-import produce from 'immer';
+import { produce } from 'immer';
 import {
   atomWithLocalStorage,
   getLocalStorageItem,

src/app/state/room/roomToParents.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 import { atom, useSetAtom } from 'jotai';
 import {
   ClientEvent,

src/app/state/room/roomToUnread.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 import { atom, useSetAtom } from 'jotai';
 import {
   IRoomTimelineData,

src/app/state/spaceRooms.ts

@@ -1,5 +1,5 @@
 import { atom } from 'jotai';
-import produce from 'immer';
+import { produce } from 'immer';
 import {
   atomWithLocalStorage,
   getLocalStorageItem,

src/app/state/typingMembers.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 import { atom, useSetAtom } from 'jotai';
 import { MatrixClient, RoomMemberEvent, RoomMemberEventHandlerMap } from 'matrix-js-sdk';
 import { useEffect } from 'react';