chore: prettier format all files, brotli, Sentry release tagging, CI gates

Prettier: auto-formatted 103 files to fix baseline. Prettier check in CI
  is now a hard gate (removed continue-on-error).

Brotli: installed libnginx-mod-http-brotli-filter/static. Enabled in nginx
  with brotli_static on for pre-compressed assets and comp_level 6.

Sentry releases: deploy script now exports VITE_APP_VERSION=<git-short-sha>
  before building so each Sentry release maps to an exact commit.
  CI also passes github.sha as VITE_APP_VERSION.

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

src/app/components/RoomSkeleton.tsx

@@ -22,7 +22,8 @@ export function RoomSkeleton() {
   `;
 
   const shimmer = {
-    background: 'linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%)',
+    background:
+      'linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%)',
     backgroundSize: '800px 100%',
     animation: `shimmer-${id} 1.6s ease-in-out infinite`,
     borderRadius: '4px',
@@ -32,16 +33,18 @@ export function RoomSkeleton() {
     <>
       <style>{shimmerKeyframes}</style>
       <div
-        style={{
-          display: 'flex',
-          flexDirection: 'column',
-          flexGrow: 1,
-          height: '100%',
-          overflow: 'hidden',
-          // CSS vars resolve against both light and dark themes automatically
-          '--skeleton-base': 'color-mix(in srgb, currentColor 8%, transparent)',
-          '--skeleton-shine': 'color-mix(in srgb, currentColor 15%, transparent)',
-        } as React.CSSProperties}
+        style={
+          {
+            display: 'flex',
+            flexDirection: 'column',
+            flexGrow: 1,
+            height: '100%',
+            overflow: 'hidden',
+            // CSS vars resolve against both light and dark themes automatically
+            '--skeleton-base': 'color-mix(in srgb, currentColor 8%, transparent)',
+            '--skeleton-shine': 'color-mix(in srgb, currentColor 15%, transparent)',
+          } as React.CSSProperties
+        }
       >
         {/* Header — matches PageHeader size="600" (56px) */}
         <div
@@ -56,7 +59,15 @@ export function RoomSkeleton() {
           }}
         >
           {/* Avatar */}
-          <div style={{ ...shimmer, width: '32px', height: '32px', borderRadius: '50%', flexShrink: 0 }} />
+          <div
+            style={{
+              ...shimmer,
+              width: '32px',
+              height: '32px',
+              borderRadius: '50%',
+              flexShrink: 0,
+            }}
+          />
           {/* Room name */}
           <div style={{ ...shimmer, width: '140px', height: '16px' }} />
           {/* Spacer */}
@@ -70,7 +81,16 @@ export function RoomSkeleton() {
         <div style={{ flex: 1, overflowY: 'hidden', padding: '16px 0' }}>
           {MESSAGES.map((msg, i) => (
             // eslint-disable-next-line react/no-array-index-key
-            <div key={i} style={{ display: 'flex', gap: '12px', padding: '4px 16px', alignItems: 'flex-start', marginBottom: msg.showAvatar ? '8px' : '2px' }}>
+            <div
+              key={i}
+              style={{
+                display: 'flex',
+                gap: '12px',
+                padding: '4px 16px',
+                alignItems: 'flex-start',
+                marginBottom: msg.showAvatar ? '8px' : '2px',
+              }}
+            >
               {/* Avatar — only shown on first message in a group */}
               <div style={{ width: '36px', flexShrink: 0 }}>
                 {msg.showAvatar && (