bug fixes, new fonts, etc

src/features/badges/components/badge-showcase.tsx

@@ -1,4 +1,4 @@
-import { Box, Text, Popover, Progress } from "@mantine/core";
+import { Box, Text, Popover, Progress, Title } from "@mantine/core";
 import { usePlayerBadges, useAllBadges } from "../queries";
 import { useAuth } from "@/contexts/auth-context";
 import { Badge, BadgeProgress } from "../types";
@@ -202,25 +202,23 @@ const BadgeShowcase = ({ playerId }: BadgeShowcaseProps) => {
                         </Box>
                       )}
 
-                      <Text
-                        size="xs"
+                      <Title
+                        order={6}
                         fw={display.earned ? 600 : 500}
                         ta="center"
                         c={display.earned ? undefined : 'dimmed'}
-                        style={{
-                          lineHeight: 1.2,
-                        }}
+                        style={{ lineHeight: 1.1 }}
                       >
                         {display.badge.name}
-                      </Text>
+                      </Title>
                     </Box>
                   </Box>
                 </Popover.Target>
               <Popover.Dropdown>
                 <Box>
-                  <Text size="sm" fw={600} mb="xs">
+                  <Title order={5}>
                     {display.badge.name}
-                  </Text>
+                  </Title>
                   <Text size="xs" c="dimmed" mb={isCurrentUser ? "sm" : undefined}>
                     {display.badge.description}
                   </Text>