fix(a11y): add semantic heading hierarchy across settings, modals, and pages\n\nAdd as="h1"/h2/h3 to Text components used as visual headings:\n- Auth pages: h1 brand, h2 section titles\n- Settings panels: h2 for General/Permissions/DeveloperTools/Members/Emojis\n- Modal dialogs: h2 for CreateRoom, CreateSpace, AddServer\n- Explore pages: h2 page heading, h3 subsections\n- Inbox pages: h2 Notifications/Invites, h3 Primary/Public/Spam\n\nCo-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/pages/auth/AuthLayout.tsx

@@ -135,7 +135,7 @@ export function AuthLayout() {
           <Header className={css.AuthHeader} size="600" variant="Surface">
             <Box grow="Yes" direction="Row" gap="300" alignItems="Center">
               <img className={css.AuthLogo} src={LotusLogo} alt="Lotus Chat Logo" />
-              <Text size="H3">Lotus Chat</Text>
+              <Text as="h1" size="H3">Lotus Chat</Text>
             </Box>
           </Header>
           <Box className={css.AuthCardContent} direction="Column">

src/app/pages/auth/register/Register.tsx

@@ -35,7 +35,7 @@ export function Register() {
 
   return (
     <Box direction="Column" gap="500">
-      <Text size="H2" priority="400">
+      <Text as="h2" size="H2" priority="400">
         Register
       </Text>
       {registerFlows.status === RegisterFlowStatus.RegistrationDisabled && !sso && (

src/app/pages/auth/reset-password/ResetPassword.tsx

@@ -23,7 +23,7 @@ export function ResetPassword() {
 
   return (
     <Box direction="Column" gap="500">
-      <Text size="H2" priority="400">
+      <Text as="h2" size="H2" priority="400">
         Reset Password
       </Text>
       <PasswordResetForm defaultEmail={resetPasswordSearchParams.email} />