feat: make loading indicator beautiful

[danieldanielecki]

Closes #61

[github-actions]

Mistral code review

Review

Correctness

• CSS Variables: Added --spinner-accent for both light and dark modes. ✅
• Spinner Implementation: New 3D arc spinner with proper animations. ✅
• Accessibility: Added proper ARIA attributes and screen reader support. ✅
• Message Handling: Added showMessage prop to control message visibility. ✅

Edge Cases

• Reduced Motion: Added prefers-reduced-motion media query to disable animations. ✅
• Default Message: Default message "Loading" is used when no message is provided. ✅
• Size Classes: All size classes (sm, md, lg) are properly defined. ✅

Security

• No Security Issues: No new security concerns introduced. ✅

Performance

• CSS: Minimal new CSS, only what's needed for the spinner. ✅
• JavaScript: No unnecessary computations or side effects. ✅

Maintainability

• Component Props: Clear and concise prop definitions. ✅
• CSS Classes: Semantic class names for easy maintenance. ✅
• Tests: Added tests for new functionality. ✅

Suggested Improvements

• Documentation: Add JSDoc comments for the new CSS classes and animations. 📝
• Default Message: Consider making the default message configurable via props. 🔧

Overall, the changes look good and address the requirements effectively.

[github-actions]

🚀 Vercel Preview Deployment Ready!

Preview: https://stock-9p2frbna3-ditectrevs-projects.vercel.app

---

This comment was automatically generated by GitHub Actions