chore: improve track map performance

[tariknz]

• Fixes the blurriness when resizing canvas
• Improves performance by throttling telemetry updates to 2Hz and interpolating changes
• Memoizing some frequently called functions
• Added a story to view all tracks easily

[Copilot]

Pull Request Overview

This PR optimizes the TrackCanvas component by adding throttled updates, memoization of heavy objects (SVG paths, Path2D, colors, constants), and high-DPI canvas scaling, and also adds an “AllTracksGrid” Storybook preview of every track.

• Throttle driver position updates to 2 fps and skip redraws when data hasn’t changed
• Memoize SVG/Path2D objects, color lookups, and calculation functions
• Improve canvas resizing for high-DPI displays and maintain aspect ratio
• Add an AllTracksGrid Storybook story to view all tracks at once

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
src/frontend/components/TrackMap/TrackCanvas.tsx	Added throttling logic, memoization, high-DPI scaling, optimized draw loop
src/frontend/components/TrackMap/TrackCanvas.stories.tsx	Imported tracks.json and added “AllTracksGrid” story

Comments suppressed due to low confidence (2)

src/frontend/components/TrackMap/TrackCanvas.tsx:56

• [nitpick] The variable name line is ambiguous—consider renaming it to something like svgPathElement or svgPath to clarify its purpose.

  const line = useMemo(() => {

src/frontend/components/TrackMap/TrackCanvas.tsx:39

• [nitpick] The new throttling logic around POSITION_UPDATE_INTERVAL would benefit from unit tests to verify that position updates occur at the correct intervals and under the correct change thresholds.

const POSITION_UPDATE_INTERVAL = 500;