diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2dd8410e5..30cb180c5 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -21,8 +21,8 @@
         "classnames": "^2.5.1",
         "date-fns": "^4.1.0",
         "i18next": "^24.2.3",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0",
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0",
         "react-i18next": "^15.4.1",
         "swagger-ui-dist": "^5.20.1",
         "valibot": "^1.0.0",
@@ -49,8 +49,8 @@
         "@testing-library/react": "^16.2.0",
         "@testing-library/user-event": "^14.6.1",
         "@types/node": "^22.13.17",
-        "@types/react": "19.0.12",
-        "@types/react-dom": "19.0.4",
+        "@types/react": "19.1.0",
+        "@types/react-dom": "19.1.1",
         "@types/swagger-ui-dist": "^3.30.5",
         "@vitejs/plugin-react": "^4.3.4",
         "@vitest/coverage-v8": "^3.1.1",
@@ -5857,9 +5857,9 @@
       }
     },
     "node_modules/@types/react": {
-      "version": "19.0.12",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.12.tgz",
-      "integrity": "sha512-V6Ar115dBDrjbtXSrS+/Oruobc+qVbbUxDFC1RSbRqLt5SYvxxyIDrSC85RWml54g+jfNeEMZhEj7wW07ONQhA==",
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-UaicktuQI+9UKyA4njtDOGBD/67t8YEBt2xdfqu8+gP9hqPUPsiXlNPcpS2gVdjmis5GKPG3fCxbQLVgxsQZ8w==",
       "devOptional": true,
       "license": "MIT",
       "dependencies": {
@@ -5867,9 +5867,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "19.0.4",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.4.tgz",
-      "integrity": "sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==",
+      "version": "19.1.1",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.1.tgz",
+      "integrity": "sha512-jFf/woGTVTjUJsl2O7hcopJ1r0upqoq/vIOoCj0yLh3RIXxWcljlpuZ+vEBRXsymD1jhfeJrlyTy/S1UW+4y1w==",
       "devOptional": true,
       "license": "MIT",
       "peerDependencies": {
@@ -11727,9 +11727,9 @@
       }
     },
     "node_modules/react": {
-      "version": "19.0.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
-      "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==",
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
+      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -11768,15 +11768,15 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "19.0.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz",
-      "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
+      "version": "19.1.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
+      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
       "dependencies": {
-        "scheduler": "^0.25.0"
+        "scheduler": "^0.26.0"
       },
       "peerDependencies": {
-        "react": "^19.0.0"
+        "react": "^19.1.0"
       }
     },
     "node_modules/react-i18next": {
@@ -12394,9 +12394,9 @@
       "license": "MIT"
     },
     "node_modules/scheduler": {
-      "version": "0.25.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
-      "integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==",
+      "version": "0.26.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
+      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
       "license": "MIT"
     },
     "node_modules/scuid": {
diff --git a/frontend/package.json b/frontend/package.json
index 6514baabb..fd5c85a0d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -31,8 +31,8 @@
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "i18next": "^24.2.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-i18next": "^15.4.1",
     "swagger-ui-dist": "^5.20.1",
     "valibot": "^1.0.0",
@@ -59,8 +59,8 @@
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^22.13.17",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
     "@types/swagger-ui-dist": "^3.30.5",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^3.1.1",
diff --git a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
index d28558632..2fe6298f3 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/CompatSessionDetail.test.tsx.snap
@@ -238,7 +238,7 @@ exports[`<CompatSessionDetail> > renders a compatability session details 1`] = `
       </ul>
     </section>
     <button
-      aria-controls="radix-:r0:"
+      aria-controls="radix-«r0»"
       aria-expanded="false"
       aria-haspopup="dialog"
       class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
@@ -503,7 +503,7 @@ exports[`<CompatSessionDetail> > renders a compatability session without an ssoL
       </ul>
     </section>
     <button
-      aria-controls="radix-:r3:"
+      aria-controls="radix-«r3»"
       aria-expanded="false"
       aria-haspopup="dialog"
       class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
index 3b493b530..ba5cfd516 100644
--- a/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
+++ b/frontend/src/components/SessionDetail/__snapshots__/OAuth2SessionDetail.test.tsx.snap
@@ -537,7 +537,7 @@ exports[`<OAuth2SessionDetail> > renders session details 1`] = `
       </ul>
     </section>
     <button
-      aria-controls="radix-:r0:"
+      aria-controls="radix-«r0»"
       aria-expanded="false"
       aria-haspopup="dialog"
       class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
index 8a32d2449..448495a0b 100644
--- a/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/CompatSession.test.tsx.snap
@@ -162,7 +162,7 @@ exports[`<CompatSession /> > renders an active session 1`] = `
       class="_action_e2909e"
     >
       <button
-        aria-controls="radix-:r0:"
+        aria-controls="radix-«r0»"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
index 153282753..b853407f8 100644
--- a/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
+++ b/frontend/src/components/__snapshots__/OAuth2Session.test.tsx.snap
@@ -156,7 +156,7 @@ exports[`<OAuth2Session /> > renders an active session 1`] = `
       class="_action_e2909e"
     >
       <button
-        aria-controls="radix-:r0:"
+        aria-controls="radix-«r0»"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
diff --git a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
index 40b463ea3..ee61e974c 100644
--- a/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
+++ b/frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
@@ -2,18 +2,18 @@
 
 exports[`Account home page > display name edit box > displays an error if the display name is invalid 1`] = `
 <div
-  aria-describedby="radix-:r86:"
-  aria-labelledby="radix-:r85:"
+  aria-describedby="radix-«r86»"
+  aria-labelledby="radix-«r85»"
   class="_body_9cf7b0"
   data-state="open"
-  id="radix-:r84:"
+  id="radix-«r84»"
   role="dialog"
   style="pointer-events: auto;"
   tabindex="-1"
 >
   <h2
     class="_title_9cf7b0"
-    id="radix-:r85:"
+    id="radix-«r85»"
   >
     Edit profile
   </h2>
@@ -40,29 +40,29 @@ exports[`Account home page > display name edit box > displays an error if the di
         <label
           class="_label_19upo_59"
           data-invalid="true"
-          for="radix-:r9p:"
+          for="radix-«r9p»"
         >
           Display name
         </label>
         <div
           class="_container_1s836_8"
-          id=":r9q:"
+          id="«r9q»"
         >
           <input
-            aria-describedby="radix-:ra0:"
+            aria-describedby="radix-«ra0»"
             aria-invalid="true"
             autocomplete="name"
             class="_control_sqdq4_10 _control_1s836_13"
             data-invalid="true"
-            id="radix-:r9p:"
+            id="radix-«r9p»"
             name="displayname"
             title=""
             type="text"
             value="Alice"
           />
           <button
-            aria-controls=":r9q:"
-            aria-labelledby=":r9r:"
+            aria-controls="«r9q»"
+            aria-labelledby="«r9r»"
             class="_action_1s836_24"
             type="button"
           >
@@ -82,7 +82,7 @@ exports[`Account home page > display name edit box > displays an error if the di
         </div>
         <span
           class="_message_19upo_85 _help-message_19upo_91"
-          id="radix-:ra0:"
+          id="radix-«ra0»"
         >
           This is what others will see wherever you’re signed in.
         </span>
@@ -92,13 +92,13 @@ exports[`Account home page > display name edit box > displays an error if the di
       >
         <label
           class="_label_19upo_59"
-          for="radix-:ra1:"
+          for="radix-«ra1»"
         >
           Username
         </label>
         <input
           class="_control_sqdq4_10"
-          id="radix-:ra1:"
+          id="radix-«ra1»"
           name="mxid"
           readonly=""
           title=""
@@ -129,7 +129,7 @@ exports[`Account home page > display name edit box > displays an error if the di
     Cancel
   </button>
   <button
-    aria-labelledby=":ra2:"
+    aria-labelledby="«ra2»"
     class="_close_9cf7b0"
     type="button"
   >
@@ -150,18 +150,18 @@ exports[`Account home page > display name edit box > displays an error if the di
 
 exports[`Account home page > display name edit box > lets edit the display name 1`] = `
 <div
-  aria-describedby="radix-:r1n:"
-  aria-labelledby="radix-:r1m:"
+  aria-describedby="radix-«r1n»"
+  aria-labelledby="radix-«r1m»"
   class="_body_9cf7b0"
   data-state="open"
-  id="radix-:r1l:"
+  id="radix-«r1l»"
   role="dialog"
   style="pointer-events: auto;"
   tabindex="-1"
 >
   <h2
     class="_title_9cf7b0"
-    id="radix-:r1m:"
+    id="radix-«r1m»"
   >
     Edit profile
   </h2>
@@ -186,27 +186,27 @@ exports[`Account home page > display name edit box > lets edit the display name
       >
         <label
           class="_label_19upo_59"
-          for="radix-:r3a:"
+          for="radix-«r3a»"
         >
           Display name
         </label>
         <div
           class="_container_1s836_8"
-          id=":r3b:"
+          id="«r3b»"
         >
           <input
-            aria-describedby="radix-:r3h:"
+            aria-describedby="radix-«r3h»"
             autocomplete="name"
             class="_control_sqdq4_10 _control_1s836_13"
-            id="radix-:r3a:"
+            id="radix-«r3a»"
             name="displayname"
             title=""
             type="text"
             value="Alice"
           />
           <button
-            aria-controls=":r3b:"
-            aria-labelledby=":r3c:"
+            aria-controls="«r3b»"
+            aria-labelledby="«r3c»"
             class="_action_1s836_24"
             type="button"
           >
@@ -226,7 +226,7 @@ exports[`Account home page > display name edit box > lets edit the display name
         </div>
         <span
           class="_message_19upo_85 _help-message_19upo_91"
-          id="radix-:r3h:"
+          id="radix-«r3h»"
         >
           This is what others will see wherever you’re signed in.
         </span>
@@ -236,13 +236,13 @@ exports[`Account home page > display name edit box > lets edit the display name
       >
         <label
           class="_label_19upo_59"
-          for="radix-:r3i:"
+          for="radix-«r3i»"
         >
           Username
         </label>
         <input
           class="_control_sqdq4_10"
-          id="radix-:r3i:"
+          id="radix-«r3i»"
           name="mxid"
           readonly=""
           title=""
@@ -273,7 +273,7 @@ exports[`Account home page > display name edit box > lets edit the display name
     Cancel
   </button>
   <button
-    aria-labelledby=":r3j:"
+    aria-labelledby="«r3j»"
     class="_close_9cf7b0"
     type="button"
   >
@@ -336,10 +336,10 @@ exports[`Account home page > renders the page 1`] = `
             </p>
           </div>
           <button
-            aria-controls="radix-:r0:"
+            aria-controls="radix-«r0»"
             aria-expanded="false"
             aria-haspopup="dialog"
-            aria-labelledby=":r3:"
+            aria-labelledby="«r3»"
             class="_icon-button_m2erp_8 _editButton_66f22a"
             data-state="closed"
             role="button"
@@ -403,7 +403,7 @@ exports[`Account home page > renders the page 1`] = `
       class="flex flex-col gap-6"
     >
       <section
-        aria-labelledby=":r8:"
+        aria-labelledby="«r8»"
         class="_root_f1daaa"
         data-state="open"
       >
@@ -415,14 +415,14 @@ exports[`Account home page > renders the page 1`] = `
           >
             <h4
               class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_f1daaa"
-              id=":r8:"
+              id="«r8»"
             >
               Contact info
             </h4>
             <button
-              aria-controls="radix-:ra:"
+              aria-controls="radix-«ra»"
               aria-expanded="true"
-              aria-labelledby=":rb:"
+              aria-labelledby="«rb»"
               class="_icon-button_m2erp_8 _triggerIcon_f1daaa"
               data-state="open"
               role="button"
@@ -452,7 +452,7 @@ exports[`Account home page > renders the page 1`] = `
         <article
           class="_content_f1daaa"
           data-state="open"
-          id="radix-:ra:"
+          id="radix-«ra»"
           style="transition-duration: 0s; animation-name: none;"
         >
           <form
@@ -463,7 +463,7 @@ exports[`Account home page > renders the page 1`] = `
             >
               <label
                 class="_label_19upo_59"
-                for="radix-:rj:"
+                for="radix-«rj»"
               >
                 Email
               </label>
@@ -472,7 +472,7 @@ exports[`Account home page > renders the page 1`] = `
               >
                 <input
                   class="_control_sqdq4_10 _userEmailField_e2a518"
-                  id="radix-:rj:"
+                  id="radix-«rj»"
                   name="email"
                   readonly=""
                   title=""
@@ -490,7 +490,7 @@ exports[`Account home page > renders the page 1`] = `
             >
               <label
                 class="_label_19upo_59"
-                for="radix-:rn:"
+                for="radix-«rn»"
               >
                 Add email
               </label>
@@ -498,9 +498,9 @@ exports[`Account home page > renders the page 1`] = `
                 class="_controls_17lij_8"
               >
                 <input
-                  aria-describedby="radix-:ro:"
+                  aria-describedby="radix-«ro»"
                   class="_control_sqdq4_10"
-                  id="radix-:rn:"
+                  id="radix-«rn»"
                   name="input"
                   required=""
                   title=""
@@ -509,7 +509,7 @@ exports[`Account home page > renders the page 1`] = `
               </div>
               <span
                 class="_message_19upo_85 _help-message_19upo_91"
-                id="radix-:ro:"
+                id="radix-«ro»"
               >
                 Add an alternative email you can use to access this account.
               </span>
@@ -523,7 +523,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <section
-        aria-labelledby=":rp:"
+        aria-labelledby="«rp»"
         class="_root_f1daaa"
         data-state="open"
       >
@@ -535,14 +535,14 @@ exports[`Account home page > renders the page 1`] = `
           >
             <h4
               class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_f1daaa"
-              id=":rp:"
+              id="«rp»"
             >
               Account password
             </h4>
             <button
-              aria-controls="radix-:rr:"
+              aria-controls="radix-«rr»"
               aria-expanded="true"
-              aria-labelledby=":rs:"
+              aria-labelledby="«rs»"
               class="_icon-button_m2erp_8 _triggerIcon_f1daaa"
               data-state="open"
               role="button"
@@ -572,7 +572,7 @@ exports[`Account home page > renders the page 1`] = `
         <article
           class="_content_f1daaa"
           data-state="open"
-          id="radix-:rr:"
+          id="radix-«rr»"
           style="transition-duration: 0s; animation-name: none;"
         >
           <form
@@ -583,14 +583,14 @@ exports[`Account home page > renders the page 1`] = `
             >
               <label
                 class="_label_19upo_59"
-                for="radix-:r11:"
+                for="radix-«r11»"
               >
                 Password
               </label>
               <input
-                aria-describedby="radix-:r12:"
+                aria-describedby="radix-«r12»"
                 class="_control_sqdq4_10"
-                id="radix-:r11:"
+                id="radix-«r11»"
                 name="password_preview"
                 readonly=""
                 title=""
@@ -599,7 +599,7 @@ exports[`Account home page > renders the page 1`] = `
               />
               <span
                 class="_message_19upo_85 _help-message_19upo_91"
-                id="radix-:r12:"
+                id="radix-«r12»"
               >
                 <a
                   class="_link_7634c3"
@@ -618,7 +618,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <section
-        aria-labelledby=":r13:"
+        aria-labelledby="«r13»"
         class="_root_f1daaa"
         data-state="closed"
       >
@@ -630,14 +630,14 @@ exports[`Account home page > renders the page 1`] = `
           >
             <h4
               class="_typography_6v6n8_153 _font-heading-sm-semibold_6v6n8_93 _triggerTitle_f1daaa"
-              id=":r13:"
+              id="«r13»"
             >
               End-to-end encryption
             </h4>
             <button
-              aria-controls="radix-:r15:"
+              aria-controls="radix-«r15»"
               aria-expanded="false"
-              aria-labelledby=":r16:"
+              aria-labelledby="«r16»"
               class="_icon-button_m2erp_8 _triggerIcon_f1daaa"
               data-state="closed"
               role="button"
@@ -671,7 +671,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <button
-        aria-controls="radix-:r1b:"
+        aria-controls="radix-«r1b»"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 _has-icon_vczzf_57 _destructive_vczzf_107"
@@ -702,7 +702,7 @@ exports[`Account home page > renders the page 1`] = `
         role="separator"
       />
       <button
-        aria-controls="radix-:r1e:"
+        aria-controls="radix-«r1e»"
         aria-expanded="false"
         aria-haspopup="dialog"
         class="_button_vczzf_8 self-center _has-icon_vczzf_57 _destructive_vczzf_107"