#157693752 Fix inconsistent imnplementations

[nzediegwu1]

What does this PR do?

Fix inconsistent imnplementations in client app

Description of Task to be completed?

1. Conditionally render events that were rejected using red color with a (rejected) text appended
2. Conditionally render center availability on red color when closed
3. In centerList page, conditionally render closed centers on red
4. Conditionally render only events whose centers are open in eventList page
5. Conditionally render centre text in red color followed by (closed), for events whose centre are closed
6. In centerList component, conditionally render centres in red colour with a (closed) text appended, when closed

How should this be manually tested?

1. On two terminal windows, run npm run start:dev and npm run client
2. On browser, login to the app and navigate to the various pages affected to view and test fixes

Any background context you want to provide?

N/A

What are the relevant pivotal tracker stories? (If applicable)

#157693752

Screenshots (If applicable)

N/A

[coveralls]

Coverage remained the same at 21.73% when pulling bc9ca56 on fx/inconsistent-implementations-157693752 into c9ac484 on develop.