React Review Audit

[react-doctor]

⚠️ 7 warnings

Copy as prompt

Fix the following React Review diagnostics in my codebase.

## Warnings (7)

1. [warning] no-inline-exhaustive-style — src/app/[locale]/og/route.tsx:14
   9 inline style properties — extract to a CSS class, CSS module, or styled component for maintainability and reuse

2. [warning] no-inline-exhaustive-style — src/app/[locale]/og/route.tsx:28
   8 inline style properties — extract to a CSS class, CSS module, or styled component for maintainability and reuse

3. [warning] no-inline-exhaustive-style — src/app/[locale]/og/route.tsx:42
   8 inline style properties — extract to a CSS class, CSS module, or styled component for maintainability and reuse

4. [warning] no-inline-exhaustive-style — src/app/[locale]/og/route.tsx:78
   8 inline style properties — extract to a CSS class, CSS module, or styled component for maintainability and reuse

5. [warning] no-wide-letter-spacing — src/app/[locale]/lds-heatmap/heatmap.tsx:176
   Letter spacing 0.06em on body text disrupts natural character groupings. Reserve wide tracking for short uppercase labels only

6. [warning] no-wide-letter-spacing — src/app/[locale]/lds-heatmap/heatmap.tsx:551
   Letter spacing 0.06em on body text disrupts natural character groupings. Reserve wide tracking for short uppercase labels only

7. [warning] async-await-in-loop — src/components/floating-eli5.tsx:55
   await inside a while-loop runs the calls sequentially — for independent operations, collect them and use `await Promise.all(items.map(...))` to run them concurrently

---

⚠️ Warnings (7)

9 inline style properties — extract to a CSS class, CSS module, or styled component for maintainability and reuse _{· 4 in 1 file}

_{no-inline-exhaustive-style}

Move styles to a CSS class, CSS module, Tailwind utilities, or a styled component — inline objects with many properties hurt readability and create new references every render

File	Lines
src/app/[locale]/og/route.tsx	14, 28, 42, 78

Letter spacing 0.06em on body text disrupts natural character groupings. Reserve wide tracking for short uppercase labels only _{· 2 in 1 file}

_{no-wide-letter-spacing}

Reserve wide tracking (letter-spacing > 0.05em) for short uppercase labels, navigation items, and buttons — not body text

File	Lines
src/app/[locale]/lds-heatmap/heatmap.tsx	176, 551

await inside a while-loop runs the calls sequentially — for independent operations, collect them and use `await Promise.all(items.map(...))` to run them concurrently _{· 1 in 1 file}

_{async-await-in-loop}

Collect the items and use await Promise.all(items.map(...)) to run independent operations concurrently

File	Lines
src/components/floating-eli5.tsx	55

---

^{Reviewed by reactreview for commit dc4a4d5. Configure here.}