Refactor MUI Component for Improved Maintainability

[rohjs]

Description

The MUI component has been developed with a rough implementation to facilitate quick E2E testing. Now, the goal is to identify areas that require refactoring and improve the overall code quality.

Refactoring Scope

• [ ] Optimize color variant selection
• [ ] Improve custom style injection handling
• [ ] Enhance support for children prop
• [ ] Optimize FontAwesome icon usage
• [ ] TBA...