Add status/state in a position hierarchically above tabs

[johncowen]

Description

We decided that it would be good to be able to see the status/state of a resource no matter what tab you might be on when on its page.

For example, if I'm on an XDS Configuration tab for a dataplane and I'm refreshing the page for whatever reason, I would still like to notice if the dataplane itself suddenly drops or becomes unhealthy.

If we put the state in the same general area as the title (which is always visible), then this means the state of the resource is always visible no matter what sub-details I'm looking at. Moreover the UI badges that we use for state are relatively small and self-explanatory so they take up very little space if used on their own (or even sometimes with tooltipping)

The above example details the usecase for Dataplanes but there are probably other resources that use a badge to show some sort of uber-important state (e.g. Zones), we should do the same in these cases so we remain consistent.

There is already some design options/suggestions for this 👀