feat: align docs with code, finish_place, registered status, UI filters, tests, CI

- Add PLAN.md and sync backend docs, .env.example, API doc (404 details)
- Document mock DB and PORT/API_PORT in docs/backend.md; README monorepo + frontend/.env.example
- Migration 002: finish_place column, status registered; mapper and mock DB updated
- Frontend: registered status, finishPlace, calendar year/month filters, pace sparkline
- Extract createApp for tests; supertest + tsx; GitHub Actions CI

Made-with: Cursor

frontend/src/pages/RaceDetailsPage.tsx

@@ -1,7 +1,13 @@
 import { useEffect, useMemo, useState } from "react";
 import { Link, useParams } from "react-router-dom";
 import { ApiError, getRaceById } from "../api";
-import { formatDistance, formatRaceDate, getPaceLabel, getRaceStatusLabel } from "../lib";
+import {
+  formatDistance,
+  formatRaceDate,
+  getPaceLabel,
+  getRaceStatusClassName,
+  getRaceStatusLabel,
+} from "../lib";
 import type { Race } from "../api";
 
 function getErrorMessage(error: unknown): string {
@@ -91,15 +97,7 @@ export function RaceDetailsPage(): JSX.Element {
             {formatRaceDate(race.date)} · {formatDistance(race.distanceKm)}
           </p>
         </div>
-        <span
-          className={
-            isCompleted
-              ? "race-card__status race-card__status--completed"
-              : "race-card__status race-card__status--planned"
-          }
-        >
-          {getRaceStatusLabel(race.status)}
-        </span>
+        <span className={getRaceStatusClassName(race.status)}>{getRaceStatusLabel(race.status)}</span>
       </div>
 
       <div className="race-details-grid">
@@ -133,6 +131,12 @@ export function RaceDetailsPage(): JSX.Element {
                 <dt className="race-details-meta__key">Темп</dt>
                 <dd className="race-details-meta__value">{paceLabel ?? "не удалось вычислить"}</dd>
               </div>
+              <div className="race-details-meta__item">
+                <dt className="race-details-meta__key">Место</dt>
+                <dd className="race-details-meta__value">
+                  {race.finishPlace?.trim() ? race.finishPlace : "не указано"}
+                </dd>
+              </div>
               <div className="race-details-meta__item">
                 <dt className="race-details-meta__key">Стартовый номер</dt>
                 <dd className="race-details-meta__value">{race.bibNumber ?? "не указан"}</dd>