feat: US-014 - Responsive verification and fixes across breakpoints

- Fix grid overflow at mobile: add minWidth:0 + overflow:hidden to Card
- Scale ParentSection h2 responsively (1.5rem mobile → 2.4rem desktop)
- Make KPI grid single-column below 480px, 2-column above
- Fix SubNav alignment: left-aligned on mobile, centered on md+
- Fix SubNav tileIds to match restructured dashboard sections
- Add data-tile-id anchors to experience/skills/education subsections

src/components/tiles/PatientSummaryTile.tsx

@@ -93,7 +93,6 @@ export function PatientSummaryTile() {
 
   const kpiGridStyles: React.CSSProperties = {
     display: 'grid',
-    gridTemplateColumns: '1fr 1fr',
     gap: '12px',
   }
 
@@ -113,7 +112,7 @@ export function PatientSummaryTile() {
       {/* Latest Results subsection */}
       <div style={{ marginTop: '24px' }}>
         <CardHeader dotColor="teal" title="LATEST RESULTS" rightText="Updated May 2025" />
-        <div style={kpiGridStyles}>
+        <div className="grid-cols-1 xs:grid-cols-2" style={kpiGridStyles}>
           {kpis.map((kpi) => (
             <MetricCard key={kpi.id} kpi={kpi} />
           ))}