Refactored Style.css for Enhancing code quality Readibilty and Maintainabilty

[Raghavjha60570]

Pull Requests Requirements

• [ ✔] The PR title includes a brief description of the work done, including the
  Issue number if applicable.
• [ ✔] The PR includes a video showing the changes for the work done.
• [✔ ] The PR title follows conventional commit label standards.
• [ ✔] The changes confirm to the OpenElis Global x3 Styleguide and design
  documentation.
• [ ✔] The changes include tests or are validated by existing tests.
• [✔ ] I have read and agree to the Contributing Guidelines of this project.

Summary

Removed duplicate CSS rules to improve maintainability.
Refactored styles for better readability and efficiency.
Ensured consistency in spacing, colors, and typography.
Avoided the use of @extend due to compatibility issues.

[Agaba-derrick]

hey @Raghavjha60570 thanks for the work done !
have you thought about using Carbon Design System components instead of Custom Css?Z
By using Carbon’s grid, buttons, and form elements, we also align with best practices for accessibility and theming, reducing the need for individual custom CSS properties.

[Raghavjha60570]

Hey @Agaba-derrick Sorry for the late Response and Thank You For the Suggestion! I appreciate the feedback i haven't used Carbon design system components before but I'd Love to explore Integrating them into the project. Should i Refactor The exstings Style into Carbon grid ,button or Form element? Also are there any specific guidlines or components I should priortize ?

[mozzy11]

Thanks @Raghavjha60570 .
Can you run the frontend formatter ???