style(button): add Tailwind Variants props for size and color to button component and conditional variants

[magali-la]

🎯Type of Change:

• Style 🎨: Code formatting or aesthetic changes (CSS).

This PR...

Adds all button variants using Tailwind Variants, including color and size props and compound variant conditionals for edge-case button without a shadow.

---

📝 What I Did:

• Read Tailwind Variants documentation to understand syntax for variants and compoundVariants
• Defined color and size variants based on Figma design specs, using TailwindCSS classes and hex codes
• Created a base style for all buttons: drop shadows and flex properties
• Set a default variant state for when no props are passed to a <Button /> component
• Created a compoundVariant for a specific button type that appears once in the designs
• Tested all variants by importing <Button /> into App.jsx and trying different prop combinations, including icon buttons

---

🧪 How to Test:

1. Run git checkout feat/button-component to go to the feature branch
2. Import the button component in App.jsx

<Button 
      size='sm'
      color='primary'
      label="Next"
/>

3. Try different size and color props and labels, using the guide in Button.jsx
4. Note: labels can be text or a react icon. You can test the circular icon button with this label:

label={<FaArrowRight/>}

5. Run git restore src/App.jsx to remove all your changes from App.jsx

---

🤔 What I learned:

• Learned how to use Tailwind Variants to create scalable, easy-to-import buttons
• Reflected on reusability and how to make prop usage intuitive for other developers integrating the component into other parts of the app

[netlify]

✅ Deploy Preview for mint-chip ready!

Name	Link
🔨 Latest commit	beec6d5
🔍 Latest deploy log	https://app.netlify.com/projects/mint-chip/deploys/68edd30a038a73000836e499
😎 Deploy Preview	https://deploy-preview-11--mint-chip.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[nkabembo]

Works as Intended. Ready to merge