[FEATURE]: Use variables of colors in the frontend and replace the hardcoded oens

[ahmedelsherbiny0]

Feature and its Use Cases

Instead of using repeated color constants as hardcoded in the components, we can make them as variables in the globals.css file and use them, so no redundancy and it can be easily debugged

Additional Context

No response

Code of Conduct

• I have joined the Discord server and will post updates there
• I have searched existing issues to avoid duplicates

[mahek2016]

Hi 👋

I would like to work on this issue. Could you please assign it to me?