added hover message and new statuses for the site listing page

[umar8hassan]

What are the relevant tickets?

closes https://github.com/mitodl/hq/issues/6017

Description (What does it do?)

Add the statuses as mentioned on the ticket to the Sites Listing Page

How can this be tested?

1. Switch to this branch
2. Go to site listings page on http://localhost:8043/sites/
3. Create a new site or use an existing one to publish on live.
4. Check that existing sites have the appropriate statuses shown as below

5. Also check hover is diplayed for statuses in `PublishStatus` enum

Note: Status is updated according to Live Publish Status

[ibrahimjaved12]

@umar8hassan A few things:

1. Unpublished from Production:
   • Does not show datetime on hover.
   • The status still immediately changes to Unpublished from Production even if the unpublish pipeline fails.
2. Datetime:

• It seems very difficult to read with all the attributes present. Could we perhaps use the same timezone that we use in Concourse so that we don't have to utilize tzinfo like this? (and get rid of microsecond as well ?)
  Current behavior:

• Also, should we consider changing the rendered text itself on hover? Otherwise it seems a bit difficult to get the datetime on hover, and there's also no way to copy it.
  Like this instead on hover:

3. Draft status:
   • I'm currently unable to get this working.
   • It seems to briefly show for a second when I publish to production instead.
   • When I create a new course and publish to staging, it still shows Never Published. I think it is supposed to show Draft ?
4. The statuses in listing page do not change in real time, but instead are reflected on page refresh. This is because the listing is fetched once via a Redux Query, so any subsequent status updates aren't automatically reflected in the UI. Should we create a ticket to triage this behavior and determine what changes would be needed to change this?

@pdpinch Could you please look at (2) and (4).