Update react components

[edlerd]

Done

• use new empty state layout more in line with vanilla
• update react-components

QA

1. Run the LXD-UI:
   • On the demo server via the link posted by @webteam-app below. This is only available for PRs created by collaborators of the repo. Ask @mas-who or @edlerd for access.
   • With a local copy of this branch, run as described here.
2. Perform the following QA steps:
   • test empty state

Screenshots

New instance empty state

[webteam-app]

Demo

Jenkins

demos.haus

[mas-who]

Thanks for this update. I think the empty state looks fine on normal pages but seems to be a bit far to the right in side panels. Should we collapse the left margin for empty state in side panels?

[edlerd]

Thanks for this update. I think the empty state looks fine on normal pages but seems to be a bit far to the right in side panels. Should we collapse the left margin for empty state in side panels?

Good catch, side panels are a special case. I updated them to be full width. Please check again.

[mas-who]

Thanks for this update. I think the empty state looks fine on normal pages but seems to be a bit far to the right in side panels. Should we collapse the left margin for empty state in side panels?

Good catch, side panels are a special case. I updated them to be full width. Please check again.

Yeah I think it looks pretty good now :+1: