tweak: admin improvements

[briangregoryholmes]

https://www.notion.so/rilldata/Platform-Copy-label-improvements-10bba33c8f5780029a3efdc42b419c9c?pvs=4

Additional changes:

• Updates BasicTable implementation for improved usability on narrow screens and to satisfy layouts that VirtualTable, PivotTable or Table can't easily satisfy
• Updates admin page layout to stack vertically on narrower screens
• Top navigation bar is pinned to top when scrolling
• Adds animated tab underline to better communicate the active tab
• Consolidates "Status" and "Error" in Resource Status Table and adds loading spinner
• Integrates "click to copy" functionality for error message into status icon
• Removes maxWidthOverride prop structure
• Updates admin vs common tabs implementation to improve code clarity

Closes: #6358

[jkhwu]

@briangregoryholmes I'm having trouble getting devtool to work but based on the screenshots, could you please update the underline of the selected tab to be gray-800 rather than the primary color? I think it should match the color of the tab text.

[jkhwu]

@briangregoryholmes could you please add @ericokuma as a reviewer to this PR since he is the product owner for the associated PRD?

[jkhwu]

@briangregoryholmes I'm having trouble getting devtool to work but based on the screenshots, could you please update the underline of the selected tab to be gray-800 rather than the primary color? I think it should match the color of the tab text.

I'm retracting this comment now that I've looked at the actual PR. Let's keep it primary.

[ericokuma]

Thanks @briangregoryholmes!

Couple of UXQA items:

• When there are no dashboards, omit the page label "Project dashboards"
• When there are no reports, omit the page label "Project reports"
• When there are no alerts, omit the page label "Project alerts"
• For Org level settings, let's label as "Organization settings"
• Empty state of tables seem to have been broken
  Currently in production:
  

In Staging:

[ericokuma]

In addition, looks like the settings and project status panels are pinched in by accident?

Project Status

Production:

Staging:

Settings

Production:

Staging:

Not sure if this came from this PR but let's revert back to the previous widths for those elements

[briangregoryholmes]

Addressed all.

As for the pinching, the problem is actually that those pages previously did not have a functional max width. They were defined only by strict x-axis padding. As such, there's really no previous size to return to. Because I don't think that was intended with the design, I've widened the allowed width for those pages to 1100 pixels.

[ericpgreen2]

Wow, this looks way better! Approving from a general code perspective. I'll let @ericokuma give the final approval as Product Owner. And @lovincyrus please do look at the environment variable table.

[ericokuma]

Looks amazing @briangregoryholmes! Great job!