fix(mail): legend bottom-aligned mit donut-baseline für visuelle zentrierung

Donut-Bounding-Box ist asymmetrisch (Bogen oben, Center-Number bei ~70%
der Box-Höhe unten). alignItems:center zentrierte Legend gegen die
Box-Mitte → visuell zu hoch. alignItems:flex-end aligned Legend an
Donut-Baseline → Legend-Mitte landet auf Donut-Center-Number-Höhe.
Plus paddingBottom:12 damit Legend nicht direkt am Card-Border klebt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/rebreak-native/components/mail/MailDistributionChart.tsx

@@ -101,9 +101,10 @@ export function MailDistributionChart({ data, hero, totalBlocked, isLegend }: Pr
         <View
           style={{
             flexDirection: 'row',
-            alignItems: 'center',
+            alignItems: 'flex-end',
             justifyContent: 'flex-start',
             gap: 20,
+            paddingBottom: 12,
           }}
         >
           <HalfDonut