fix(ui): make BreakdownBars respect page direction (RTL/LTR)

Closes #129

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

Author: mvanhorn

components/breakdown-bars.tsx

@@ -20,7 +20,7 @@ export function BreakdownBars({ user1, user2 }: Props) {
   const { t,dir } = useTranslation();
 
   return (
-    <Card>
+    <Card dir={dir}>
       <CardHeader>
         <CardTitle>{t('breakdown.title')}</CardTitle>
         <CardDescription>