fix(homepage): make MiniAbacus fill container properly

Fixed skill card abacus sizing by:
- Changing MiniAbacus to use width/height 100% instead of fixed 75px/80px
- Increased scale from 0.6 to 0.75 for better visibility
- Now properly fills the 120px/150px container set on the wrapper

This fixes the clipping issue by making the component hierarchy work correctly:
outer container (120px/150px) -> MiniAbacus (100%) -> scaled AbacusReact

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

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

apps/web/src/app/page.tsx

@@ -54,14 +54,14 @@ function MiniAbacus({
   return (
     <div
       className={css({
-        width: '75px',
-        height: '80px',
+        width: '100%',
+        height: '100%',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
       })}
     >
-      <div className={css({ transform: 'scale(0.6)', transformOrigin: 'center center' })}>
+      <div className={css({ transform: 'scale(0.75)', transformOrigin: 'center center' })}>
         <AbacusReact
           value={values[currentIndex] || 0}
           columns={columns}