fix: ESLint errors and Prettier formatting

ESLint errors:
- usePresenceUpdater: remove redundant `const userId` inside handlePageHide
  that shadowed the outer declaration (no-shadow)
- RoomViewHeader: prefix unused encryptedRoom with _ (no-unused-vars)

Prettier: reformat 14 files to match project style

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

src/app/features/room/RoomViewHeader.tsx

@@ -423,7 +423,7 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
 
   const pinnedEvents = useRoomPinnedEvents(room);
   const encryptionEvent = useStateEvent(room, StateEvent.RoomEncryption);
-  const encryptedRoom = !!encryptionEvent;
+  const _encryptedRoom = !!encryptionEvent;
   const avatarMxc = useRoomAvatar(room, direct);
   const name = useLocalRoomName(room);
   const topic = useRoomTopic(room);
@@ -558,7 +558,7 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
           </Box>
 
           <Box shrink="No">
-            {(
+            {
               <TooltipProvider
                 position="Bottom"
                 offset={4}
@@ -579,7 +579,7 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
                   </IconButton>
                 )}
               </TooltipProvider>
-            )}
+            }
             <TooltipProvider
               position="Bottom"
               offset={4}

src/app/features/settings/account/Profile.tsx

@@ -738,7 +738,9 @@ function ProfileTimezone() {
   const [savedTimezone, setSavedTimezone] = useState<string>('');
 
   useEffect(() => {
-    const cached = mx.getAccountData('im.lotus.timezone' as any)?.getContent<{ timezone: string }>();
+    const cached = mx
+      .getAccountData('im.lotus.timezone' as any)
+      ?.getContent<{ timezone: string }>();
     if (cached?.timezone) {
       setTimezone(cached.timezone);
       setSavedTimezone(cached.timezone);

src/app/features/settings/general/General.tsx

@@ -509,9 +509,7 @@ function Appearance() {
             <select
               value={fontFamily ?? 'inter'}
               onChange={(e) =>
-                setFontFamily(
-                  e.target.value as 'system' | 'inter' | 'jetbrains-mono' | 'fira-code',
-                )
+                setFontFamily(e.target.value as 'system' | 'inter' | 'jetbrains-mono' | 'fira-code')
               }
               style={{
                 background: 'var(--bg-surface)',
@@ -541,7 +539,14 @@ function Appearance() {
                 type="color"
                 value={mentionHighlightColor || '#4caf50'}
                 onChange={(e) => setMentionHighlightColor(e.target.value)}
-                style={{ width: '36px', height: '28px', cursor: 'pointer', borderRadius: '4px', border: 'none', padding: '2px' }}
+                style={{
+                  width: '36px',
+                  height: '28px',
+                  cursor: 'pointer',
+                  borderRadius: '4px',
+                  border: 'none',
+                  padding: '2px',
+                }}
               />
               {mentionHighlightColor && (
                 <button
@@ -971,7 +976,12 @@ function Editor() {
           after={<Switch variant="Primary" value={editorToolbar} onChange={setEditorToolbar} />}
         />
       </SequenceCard>
-      <SequenceCard className={SequenceCardStyle} variant="SurfaceVariant" direction="Column" gap="300">
+      <SequenceCard
+        className={SequenceCardStyle}
+        variant="SurfaceVariant"
+        direction="Column"
+        gap="300"
+      >
         <SettingTile
           title="Composer Toolbar"
           description="Tap a button to show or hide it in the message composer."

src/app/features/settings/notifications/Notifications.tsx

@@ -88,8 +88,14 @@ function NotificationPresets() {
               }}
             >
               <span style={{ fontSize: toRem(24) }}>{preset.emoji}</span>
-              <Text size="T300" style={{ fontWeight: 600 }}>{preset.label}</Text>
-              <Text size="T200" priority="300" style={{ textAlign: 'center', maxWidth: toRem(120) }}>
+              <Text size="T300" style={{ fontWeight: 600 }}>
+                {preset.label}
+              </Text>
+              <Text
+                size="T200"
+                priority="300"
+                style={{ textAlign: 'center', maxWidth: toRem(120) }}
+              >
                 {preset.description}
               </Text>
             </button>