fix(a11y): give every Progress bar an accessible name

Lighthouse v1.4.33 a11y run flagged "ARIA progressbar elements missing
accessible names" (score 91/94). The Radix Progress primitive renders
a `role="progressbar"` host element but doesn't synthesise an
`aria-label` from context -- the consumer must supply one. Reusing
the on-screen label keys keeps the SR announcement matched to the
visible caption.

- src/app/insights/medikamente/page.tsx: compliance7/compliance30
- src/app/achievements/page.tsx: criterion meter + summary
  earned-points + next-goal progress
- src/components/medications/medication-card.tsx: compliance7/30
- src/components/medications/glp1-medication-card.tsx: same

`role="progressbar"` divs in `health-score-card.tsx`,
`getting-started-checklist.tsx`, and `OnboardingShell.tsx` already
carry aria-labels -- verified, no change needed.

Refs Lighthouse-derived punch list (v1.4.33 perf audit).

src/components/medications/glp1-medication-card.tsx

@@ -348,7 +348,12 @@ export function Glp1MedicationCard({
                 </span>
                 <span className="font-medium">{rate7}%</span>
               </div>
-              <Progress value={rate7} className="h-2" />
+              {/* v1.4.33 IW9 — aria-label so the bar has an accessible name. */}
+              <Progress
+                value={rate7}
+                className="h-2"
+                aria-label={t("medications.compliance7d")}
+              />
             </div>
             <div className="space-y-1.5">
               <div className="flex items-center justify-between text-sm">
@@ -357,7 +362,11 @@ export function Glp1MedicationCard({
                 </span>
                 <span className="font-medium">{rate30}%</span>
               </div>
-              <Progress value={rate30} className="h-2" />
+              <Progress
+                value={rate30}
+                className="h-2"
+                aria-label={t("medications.compliance30d")}
+              />
             </div>
             {streak > 0 && (
               <div className="flex items-center gap-4 text-xs">

src/components/medications/medication-card.tsx

@@ -533,7 +533,12 @@ export function MedicationCard({ medication, onEdit }: MedicationCardProps) {
                 </span>
                 <span className="font-medium">{rate7}%</span>
               </div>
-              <Progress value={rate7} className="h-2" />
+              {/* v1.4.33 IW9 — aria-label so the bar has an accessible name. */}
+              <Progress
+                value={rate7}
+                className="h-2"
+                aria-label={t("medications.compliance7d")}
+              />
             </div>
 
             <div className="space-y-1.5">
@@ -543,7 +548,11 @@ export function MedicationCard({ medication, onEdit }: MedicationCardProps) {
                 </span>
                 <span className="font-medium">{rate30}%</span>
               </div>
-              <Progress value={rate30} className="h-2" />
+              <Progress
+                value={rate30}
+                className="h-2"
+                aria-label={t("medications.compliance30d")}
+              />
             </div>
 
             <div className="flex items-center gap-4 text-xs">