feat(06-02): integrate MobileCarousel into Dashboard

- Replace MobileHeatmap with MobileCarousel for mobile view
- Carousel provides swipeable navigation between heatmap and muscle list
- Defaults to heatmap view (NAV-03) with dot indicators (NAV-02)
- Maintains same profileId prop interface

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: pineapplestrikesback

src/ui/pages/Dashboard.tsx

@@ -9,7 +9,7 @@ import { useCurrentProfile } from '../context/ProfileContext';
 import { useUnmappedExercises } from '@db/hooks/useUnmappedExercises';
 import { useIsMobileDevice } from '@ui/hooks/useIsMobileDevice';
 import { MuscleHeatmap } from '../components/MuscleHeatmap';
-import { MobileHeatmap } from '@ui/components/mobile/MobileHeatmap';
+import { MobileCarousel } from '@ui/components/mobile/MobileCarousel';
 import { TotalVolumeCard } from '../components/TotalVolumeCard';
 import { WeeklyActivityChart } from '../components/WeeklyActivityChart';
 
@@ -83,7 +83,7 @@ export function Dashboard(): React.ReactElement {
       {/* This Week Section */}
       <div className="rounded-lg bg-primary-700 p-6">
         {isMobile ? (
-          <MobileHeatmap profileId={currentProfile.id} />
+          <MobileCarousel profileId={currentProfile.id} />
         ) : (
           <>
             <div className="mb-6">