[FE-36] Build Workspace Utilization Card with SVG circular progress ring

[devwums]

Problem

The admin dashboard shows only platform-wide totals. Admins cannot see per-workspace utilization metrics or compare efficiency across locations.

Proposed Solution

Create frontend/cntr/UtilizationCard/WorkspaceUtilizationCard.tsx. Props: workspaceName: string, capacity: number, stats: { utilizationPercent: number, totalBookedHours: number, peakDate: string, quietDate: string }. Renders a card with an SVG circular progress ring showing utilization %, key stats below, and a colour band: green < 50%, yellow 50–79%, red ≥ 80%. No external chart library — SVG only. All implementation must live inside frontend/cntr/.

Acceptance Criteria

• File at frontend/cntr/UtilizationCard/WorkspaceUtilizationCard.tsx
• SVG circle progress ring implemented without an external library
• Three colour bands applied to the ring stroke as specified
• peakDate and quietDate displayed as full day names (e.g., "Monday") using Intl.DateTimeFormat
• utilizationPercent displayed as a percentage in the centre of the ring
• Test in frontend/cntr/UtilizationCard/WorkspaceUtilizationCard.test.tsx