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/features/room/message/Message.tsx

@@ -7,6 +7,7 @@ import {
   Header,
   Icon,
   IconButton,
+  IconSrc,
   Icons,
   Input,
   Line,
@@ -95,23 +96,20 @@ function DeliveryStatus({
   lotusTerminal: boolean;
 }) {
   if (status === null) return null; // confirmed by server — read receipts take over
-  let icon: string;
+  let iconSrc: IconSrc;
   let label: string;
   let colorStyle: string;
+  const isSending = status === EventStatus.SENDING || status === EventStatus.ENCRYPTING;
   if (status === EventStatus.NOT_SENT || status === EventStatus.CANCELLED) {
-    icon = '✕';
+    iconSrc = Icons.Cross;
     label = 'Failed to send';
     colorStyle = lotusTerminal ? '#FF3B3B' : color.Critical.Main;
-  } else if (status === EventStatus.QUEUED) {
-    icon = '⟳';
-    label = 'Queued';
-    colorStyle = lotusTerminal ? 'rgba(0,212,255,0.45)' : color.Secondary.Main;
-  } else if (status === EventStatus.SENDING || status === EventStatus.ENCRYPTING) {
-    icon = '⟳';
-    label = 'Sending...';
+  } else if (status === EventStatus.QUEUED || isSending) {
+    iconSrc = Icons.Send;
+    label = isSending ? 'Sending...' : 'Queued';
     colorStyle = lotusTerminal ? 'rgba(0,212,255,0.60)' : color.Secondary.Main;
   } else {
-    icon = '✓';
+    iconSrc = Icons.Check;
     label = 'Sent';
     colorStyle = lotusTerminal ? 'rgba(0,212,255,0.70)' : color.Secondary.Main;
   }
@@ -124,7 +122,6 @@ function DeliveryStatus({
         display: 'inline-flex',
         alignItems: 'center',
         marginTop: '2px',
-        fontSize: '10px',
         lineHeight: 1,
         color: colorStyle,
         opacity: 0.85,
@@ -134,14 +131,8 @@ function DeliveryStatus({
           : {}),
       }}
     >
-      <span
-        className={
-          status === EventStatus.SENDING || status === EventStatus.ENCRYPTING
-            ? SendingSpinClass
-            : undefined
-        }
-      >
-        {icon}
+      <span className={isSending ? SendingSpinClass : undefined}>
+        <Icon size="100" src={iconSrc} />
       </span>
     </Box>
   );
@@ -157,7 +148,7 @@ export const MessageQuickReactions = as<'div', MessageQuickReactionsProps>(
     const mx = useMatrixClient();
     const recentEmojis = useRecentEmoji(mx, 3);
 
-    if (recentEmojis.length === 0) return <span />;
+    if (recentEmojis.length === 0) return null;
     return (
       <>
         <Box
@@ -1147,7 +1138,7 @@ export const Message = React.memo(
                             {!mEvent.isRedacted() && (
                               <MenuItem
                                 size="300"
-                                after={<Icon src={Icons.ArrowRight} />}
+                                after={<Icon size="100" src={Icons.ArrowRight} />}
                                 radii="300"
                                 onClick={() => {
                                   setForwardOpen(true);