Refactor CSS in src/components/UserPortal/PostCard/PostCard.tsx

[palisadoes]

Refactor CSS in this file

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

This file contains embedded CSS references that should be completely moved to:

• src/style/app.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 for this file to use this new design pattern. This means that:

1. All embedded CSS in this file must be merged into the global CSS file using pre-existing CSS.
2. All embedded CSS in this file must be removed

[Coolsheru2526]

@palisadoes can I work on this issue?

[palisadoes]

@palisadoes can I work on this issue?

@palisadoes can I work on this issue?

Our policy is to assign no more than two issues to each contributor across all repositories. This way everyone gets a chance to participate in the projects. We sometimes give exceptions for more urgent cases and sometimes we lose track, but the policy stands. You have reached your limit, please wait until your existing issues are closed before requesting more issues. You could unassign yourself from one of the other issues too.

Please don't use the tactic of asking to be assigned to more than 2 issues at a time. Our policy is to give everyone a chance and if you are first in line you will be assigned.

[hustlernik]

@palisadoes Can I handle this?