website refactor

apps/website/components/achievements/AchievementCard.tsx

@@ -1,6 +1,7 @@
 import { Card } from '@/ui/Card';
 import { Text } from '@/ui/Text';
 import { Group } from '@/ui/Group';
+import { Stack } from '@/ui/Stack';
 import { DateDisplay } from '@/lib/display-objects/DateDisplay';
 
 interface AchievementCardProps {
@@ -31,13 +32,13 @@ export function AchievementCard({
     >
       <Group direction="row" align="start" gap={3}>
         <Text size="3xl">{icon}</Text>
-        <Group direction="column" gap={1}>
+        <Stack gap={1}>
           <Text weight="medium" variant="high">{title}</Text>
           <Text size="xs" variant="med">{description}</Text>
           <Text size="xs" variant="low">
             {DateDisplay.formatShort(unlockedAt)}
           </Text>
-        </Group>
+        </Stack>
       </Group>
     </Card>
   );