Refactor CSS files in miscellaneous components

[palisadoes]

Refactor CSS files

To improve the UI/UX of Talawa-Admin we have been working on:

1. making the application more suitable to color blind users
2. streamlining all CSS into a single global file

Files

Refactor the typescript files that use these CSS files. In all cases the typescript files reside in the same directory as the corresponding CSS file

1. src/components/AddOn/core/AddOnEntry/AddOnEntry.module.css
2. src/components/AddOn/core/AddOnStore/AddOnStore.module.css
3. src/components/Advertisements/Advertisements.module.css
4. src/components/Advertisements/core/AdvertisementRegister/AdvertisementRegister.module.css
5. src/components/AgendaItems/AgendaItemsContainer.module.css
6. src/components/EventCalendar/EventCalendar.module.css
7. src/components/EventCalendar/YearlyEventCalender.module.css
8. src/components/EventListCard/EventListCard.module.css
9. src/components/OrgPostCard/OrgPostCard.module.css
10. src/components/OrgSettings/ActionItemCategories/OrgActionItemCategories.module.css
11. src/components/RecurrenceOptions/CustomRecurrenceModal.module.css
12. src/components/UpdateSession/UpdateSession.css
13. src/components/UserListCard/UserListCard.module.css
14. src/components/UserPasswordUpdate/UserPasswordUpdate.module.css
15. src/components/Venues/VenueModal.module.css

Additional information:

1. The foundational work for this was completed in this PR:
   • Chore/css changes #2466
2. The desired single CSS file is:
   • src/style/app.module.css

The challenge:

The goal is to convert the CSS file in this subdirectory and all the components related to this screen to use this new design pattern. This means that:

1. All CSS files in this subdirectory and all the CSS files in related components must be merged into the global CSS file using pre-existing CSS.
2. All CSS files in this subdirectory and all the CSS files in related components must be deleted after the merge.
3. The remaining relevant files in this subdirectory must only reference the global CSS file.
4. All the CSS files in the related components of this subdirectory must adhere to the same guidelines.

[pranavnathe]

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