fix(ui): resolve 29 native UI/UX inconsistencies from folds design audit

Fixes N1–N94 findings from LOTUS_BUGS.md audit pass. Key changes:

- ProfileDecoration: raw <button> → folds <Button> for save/remove; remove
  undefined --accent-cyan var
- UserRoomProfile: textarea border uses color.SurfaceVariant.ContainerLine
  and config tokens instead of undefined --border-interactive var
- LotusToastContainer: z-index raised from 9997 → 10001 so toasts appear
  above Night Light overlay (9998) and modals (9999)
- Message.tsx: DeliveryStatus replaces Unicode glyphs with Icon components;
  MessageQuickReactions returns null instead of <span />; forward menu item
  gets correct size="100" on after icon
- AudioContent: speed chip variant/radii now matches Play chip (Secondary/300)
- ReadReceiptAvatars: pill border/radius/padding → folds config tokens;
  remove dead receipt-pill-btn className
- EventReaders: Header size 600→500; close button gets radii="300";
  borderBottom shorthand → borderBottomWidth token; remove raw fontSize
- General.tsx: selected background/seasonal picker border uses
  color.Primary.Main instead of color.Critical.Main (error red)
- RoomInsights: SectionHeader drops textTransform/letterSpacing/opacity;
  chart borderRadius → config tokens; remove raw fontSize:9;
  warning banner → SequenceCard
- RoomProfile.tsx: formatting toolbar raw <button> → folds <Button>;
  topic read-mode renders formatted_body via sanitizeCustomHtml
- MsgTypeRenderers: location Open button Chip→Button; opacity:0.65→priority
- UploadCardRenderer: caption raw <input> → folds <Input>
- VoiceMessageRecorder: replace undefined --bg-surface-variant/--tc-*
  vars with color.* tokens; replace bare <audio controls> with
  IconButton play/pause toggle
- App.tsx: mention highlight uses WCAG 2.1 relative luminance (gamma
  linearization) instead of simplified approximation; border now rgba
  semi-transparent instead of same color as background
- RoomNavItem: Mute MenuItem icon moved to before prop
- SearchFilters: HasLink chip variant="Success" outlined to match filter bar
- RoomViewHeader: Server Notice chip radii Pill→300; fix jotai import order
- Fix ESLint import/order errors in DeviceVerificationSetup, RoomTopicViewer,
  MediaGallery, and RoomViewHeader

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

src/app/components/user-profile/UserRoomProfile.tsx

@@ -89,7 +89,7 @@ function UserDeviceRow({ userId, device }: UserDeviceRowProps) {
   return (
     <DeviceVerificationStatus crypto={crypto} userId={userId} deviceId={device.deviceId}>
       {(status) => {
-        const color =
+        const deviceColor =
           status === VerificationStatus.Verified
             ? 'var(--tc-positive-normal, #5effc4)'
             : status === VerificationStatus.Unverified
@@ -97,7 +97,7 @@ function UserDeviceRow({ userId, device }: UserDeviceRowProps) {
               : 'var(--tc-surface-low-contrast)';
         return (
           <Box alignItems="Center" gap="200">
-            <Icon size="100" src={Icons.ShieldUser} style={{ color, flexShrink: 0 }} />
+            <Icon size="100" src={Icons.ShieldUser} style={{ color: deviceColor, flexShrink: 0 }} />
             <Box grow="Yes" direction="Column" style={{ minWidth: 0 }}>
               <Text size="T300" truncate>
                 {device.displayName ?? device.deviceId}
@@ -239,7 +239,7 @@ function UserPrivateNotes({ userId }: { userId: string }) {
     <Box direction="Column" gap="200">
       <Box justifyContent="SpaceBetween" alignItems="Center">
         <Text size="L400">Private Note</Text>
-        <Text size="T200" style={{ opacity: 0.5 }}>
+        <Text size="T200" priority="400">
           {saving ? 'Saving…' : charsLeft < 100 ? `${charsLeft} left` : ''}
         </Text>
       </Box>
@@ -252,12 +252,11 @@ function UserPrivateNotes({ userId }: { userId: string }) {
         style={{
           width: '100%',
           resize: 'vertical',
-          background: 'var(--bg-surface-variant)',
+          background: color.SurfaceVariant.Container,
           color: 'inherit',
-          border: '1px solid var(--border-interactive)',
-          borderRadius: '6px',
-          padding: '8px 10px',
-          fontSize: '14px',
+          border: `${config.borderWidth.B300} solid ${color.SurfaceVariant.ContainerLine}`,
+          borderRadius: config.radii.R300,
+          padding: `${config.space.S200} ${config.space.S300}`,
           fontFamily: 'inherit',
           lineHeight: 1.5,
           boxSizing: 'border-box',