CSS Methodology

[rahulch07]

Is your feature request related to a problem? Please describe.
Since all CSS files are being merged into a single global stylesheet, elements like buttons should use common classes. While most components already use app.module.css, the elements within them still retain the same class names from their original, separate CSS files.
The goal of this issue is to identify such elements and establish a consistent CSS methodology to be followed across all components and screens.

Describe the solution you'd like
I have identified common elements such as modals, tables, and tabs and created reusable CSS classes for consistent styling across all components and screens.

Additional context
Related issue: #2880
Related PR:
Updating to NEW COLOR SCHEME
Updating to NEW COLOR SCHEME 2
Updating to NEW COLOR SCHEME 3

Potential internship candidates

Please read this if you are planning to apply for a Palisadoes Foundation internship

• Student Internship Programs talawa#359

[github-actions]

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.