fix: replace stopwatch emoji with Lucide Timer; add copilot-instructions.md

Author: bndct-devops

.github/copilot-instructions.md

@@ -0,0 +1,24 @@
+# lifty — Copilot workspace instructions
+
+## Icons & emoji
+- **Never use Unicode emoji** in UI code (JSX, HTML, CSS). Always use [Lucide React](https://lucide.dev) icons instead.
+- If a suitable Lucide icon doesn't exist, use a simple inline SVG.
+- Lucide icons are already imported per-component — add to existing imports, don't add a new import block.
+
+## Themes & colors
+- Default theme is `lifty` (Catppuccin Mocha base + Pink `#f5c2e7` accent).
+- Always use CSS variables (`var(--accent)`, `var(--bg)`, etc.) — never hardcode colors in JSX unless it's a static asset (SVG icon file).
+- Catppuccin color reference: Mocha bg `#1e1e2e`, Pink `#f5c2e7`, Mauve `#cba6f7`.
+
+## Code style
+- Frontend is a single `App.jsx` file — add to it, don't create new component files unless explicitly asked.
+- Styles go in `styles.css` — no CSS-in-JS libraries.
+- Backend is FastAPI + SQLModel. Keep endpoints RESTful.
+
+## Git workflow
+- Active dev branch is `dev`. Never push directly to `main` without being asked.
+- Commit messages: `fix:`, `feat:`, `ci:`, `docs:` prefixes.
+
+## Docker
+- Always rebuild with `docker compose up --build -d` after frontend/backend changes.
+- Local app runs at http://localhost:5173.

frontend/src/App.jsx

@@ -616,7 +616,7 @@ export default function App() {
                 <div className="card" style={{ border: '2px solid var(--accent)' }}>
                   <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' }}>
                     <p className="section-heading" style={{ color: 'var(--accent)', margin: 0 }}>Workout in Progress</p>
-                    <span style={{ fontVariantNumeric: 'tabular-nums', fontSize: '0.9rem', color: timerColor, fontWeight: 500, transition: 'color 2s ease' }}>⏱ {timerStr}</span>
+                    <span style={{ fontVariantNumeric: 'tabular-nums', fontSize: '0.9rem', color: timerColor, fontWeight: 500, transition: 'color 2s ease' }}><Timer size={14} style={{ display: 'inline', verticalAlign: 'middle', marginRight: 3 }} />{timerStr}</span>
                   </div>
                   <div style={{ fontWeight: 600, fontSize: '1.05rem', marginTop: 8 }}>{inProgress.name}</div>
                   <div className="muted small" style={{ margin: '4px 0 12px' }}>{(inProgress.unique_exercises_count ?? 0)} ex · {(inProgress.set_count ?? 0)} sets</div>