fix(homepage): prevent text overflow in skill cards

Fixed text being cut off on the right side of skill cards by:
- Adding minWidth: '0' to text container to enable proper flex shrinking
- Adding flexWrap: 'wrap' to title/badge row for better wrapping behavior

This fixes the flexbox issue where text was overflowing the card boundaries.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

apps/web/src/app/page.tsx

@@ -288,8 +288,14 @@ export default function HomePage() {
                               >
                                 <MiniAbacus values={skill.values} columns={skill.columns} />
                               </div>
-                              <div className={stack({ gap: '2', flex: '1' })}>
-                                <div className={hstack({ gap: '2', alignItems: 'center' })}>
+                              <div className={stack({ gap: '2', flex: '1', minWidth: '0' })}>
+                                <div
+                                  className={hstack({
+                                    gap: '2',
+                                    alignItems: 'center',
+                                    flexWrap: 'wrap',
+                                  })}
+                                >
                                   <div
                                     className={css({
                                       color: 'white',