fix(frontend): show newest completed races first

frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "calendar-run-frontend",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "calendar-run-frontend",
-      "version": "0.10.1",
+      "version": "0.10.2",
       "dependencies": {
         "ag-charts-community": "^14.0.0",
         "ag-charts-react": "^14.0.0",

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "calendar-run-frontend",
   "private": true,
-  "version": "0.10.1",
+  "version": "0.10.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/pages/RacesPage.tsx

@@ -10,7 +10,7 @@ import {
   getRaceStatusClassName,
   getRaceStatusLabel,
   parseRaceDate,
-  sortByDateAsc,
+  sortByDateDesc,
   downloadTextFile,
   racesToCsv,
   racesToIcs,
@@ -281,7 +281,7 @@ export function RacesPage(): JSX.Element {
   const { upcoming, completed } = useMemo(
     () => ({
       upcoming: filteredRaces.filter((race) => race.status !== "completed"),
-      completed: sortByDateAsc(filteredRaces.filter((race) => race.status === "completed")),
+      completed: sortByDateDesc(filteredRaces.filter((race) => race.status === "completed")),
     }),
     [filteredRaces],
   );