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/message/FileHeader.tsx

@@ -48,7 +48,13 @@ export function FileDownloadButton({ filename, url, mimeType, encInfo }: FileDow
       variant={hasError ? 'Critical' : 'SurfaceVariant'}
       size="300"
       radii="300"
-      aria-label={downloading ? 'Downloading...' : hasError ? 'Download failed, click to retry' : 'Download file'}
+      aria-label={
+        downloading
+          ? 'Downloading...'
+          : hasError
+          ? 'Download failed, click to retry'
+          : 'Download file'
+      }
     >
       {downloading ? (
         <Spinner size="100" variant={hasError ? 'Critical' : 'Secondary'} />

src/app/components/message/MsgTypeRenderers.tsx

@@ -394,7 +394,9 @@ export function MLocation({ content }: MLocationProps) {
   const lat = parseFloat(location.latitude);
   const lon = parseFloat(location.longitude);
   if (!isFinite(lat) || !isFinite(lon)) return <BrokenContent />;
-  const mapSrc = `https://www.openstreetmap.org/export/embed.html?bbox=${lon - 0.007},${lat - 0.004},${lon + 0.007},${lat + 0.004}&layer=mapnik&marker=${lat},${lon}`;
+  const mapSrc = `https://www.openstreetmap.org/export/embed.html?bbox=${lon - 0.007},${
+    lat - 0.004
+  },${lon + 0.007},${lat + 0.004}&layer=mapnik&marker=${lat},${lon}`;
 
   return (
     <Box direction="Column" alignItems="Start" gap="200">

src/app/components/message/Reaction.tsx

@@ -29,8 +29,7 @@ export const Reaction = as<
       {reaction.startsWith('mxc://') ? (
         <img
           className={css.ReactionImg}
-          src={mxcUrlToHttp(mx, reaction, useAuthentication) ?? reaction
-          }
+          src={mxcUrlToHttp(mx, reaction, useAuthentication) ?? reaction}
           alt={reaction}
         />
       ) : (

src/app/components/message/content/FallbackContent.tsx

@@ -8,7 +8,9 @@ export const MessageDeletedContent = as<'div', { children?: never; reason?: stri
   ({ reason, ...props }, ref) => (
     <Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}>
       <Icon size="50" src={Icons.Delete} />
-      <i>{reason ? `This message has been deleted — ${reason}` : 'This message has been deleted'}</i>
+      <i>
+        {reason ? `This message has been deleted — ${reason}` : 'This message has been deleted'}
+      </i>
     </Box>
   )
 );

src/app/components/message/content/PollContent.tsx

@@ -105,9 +105,9 @@ export function PollContent({
   const mx = useMatrixClient();
   const isStable = !!content['m.poll'];
 
-  const poll = (
-    content['m.poll'] ?? content['org.matrix.msc3381.poll.start']
-  ) as PollData | undefined;
+  const poll = (content['m.poll'] ?? content['org.matrix.msc3381.poll.start']) as
+    | PollData
+    | undefined;
 
   const [votes, setVotes] = useState<VoteState>(() => {
     if (!roomId || !eventId) return { counts: new Map(), myVote: null, total: 0 };
@@ -259,7 +259,9 @@ export function PollContent({
                 padding: '7px 12px',
                 borderRadius: '8px',
                 background: selected ? 'var(--bg-surface-active)' : 'var(--bg-surface-low)',
-                border: `1px solid ${selected ? 'var(--text-primary)' : 'var(--bg-surface-border)'}`,
+                border: `1px solid ${
+                  selected ? 'var(--text-primary)' : 'var(--bg-surface-border)'
+                }`,
                 fontSize: '0.88rem',
                 lineHeight: 1.4,
                 textAlign: 'left',
@@ -281,23 +283,21 @@ export function PollContent({
                     position: 'absolute',
                     inset: 0,
                     width: `${pct}%`,
-                    background: selected
-                      ? 'rgba(255,255,255,0.10)'
-                      : 'rgba(255,255,255,0.05)',
+                    background: selected ? 'rgba(255,255,255,0.10)' : 'rgba(255,255,255,0.05)',
                     borderRadius: '8px',
                     pointerEvents: 'none',
                   }}
                 />
               )}
-              <span style={{ display: 'flex', alignItems: 'center', gap: '8px', position: 'relative' }}>
+              <span
+                style={{ display: 'flex', alignItems: 'center', gap: '8px', position: 'relative' }}
+              >
                 <span style={{ flexGrow: 1 }}>{text}</span>
                 {selected && (
                   <span style={{ opacity: 0.8, fontSize: '1rem', flexShrink: 0 }}>✓</span>
                 )}
                 {total > 0 && (
-                  <span style={{ opacity: 0.6, fontSize: '0.78rem', flexShrink: 0 }}>
-                    {pct}%
-                  </span>
+                  <span style={{ opacity: 0.6, fontSize: '0.78rem', flexShrink: 0 }}>{pct}%</span>
                 )}
               </span>
             </button>