Fix readonly styles of the form fields i.e TextField, Checkbox etc.

[brionmario]

Describe the issue:

The current styling of the MUI form fields doesn't have a very distinctive styles to represent readonly status.

How to reproduce:

• Make the field readonly.

Expected behavior:

Current

Expected

Additional context :

• Affected Package:
  • @oxygen-ui/logger
  • @oxygen-ui/primitives
  • @oxygen-ui/react
  • @oxygen-ui/react-icons
• Library Version: [e.g., 1.10.0, 2.0.0-alpha]
• OS:
  • Windows
  • Linux
  • Mac
  • Other
• Browser:
  • Google Chrome
  • Firefox
  • Safari
  • Microsoft Edge
  • Brave
  • Opera
  • Other