Update spacing layout for user, workspace, project, and organization in the admin dashboard

[gtsiolis]

Problem to solve

Following up from #16307, there are a few nitpicks that fell between the cracks., besides the issue described in #16399.

1. The page layout when visiting a workspace or a project lacks a proper width limit.
2. The user, workspace, project, and organization could benefit from some top margin.
3. From a discussion in the initial PR in UI updates to admin dashboard #16307 (review): There are a few minor issues like column header alignment and missing sorting icons ...

Cc @Devansu-Yadav

Project	Workspace	User	Org

[Devansu-Yadav]

Problem to solve

Following up from #16307, there are a few nitpicks that fell between the cracks., besides the issue described in #16399.

1. The page layout when visiting a workspace or a project lacks a proper width limit.
2. The user, workspace, project, and organization could benefit from some top margin.
3. From a discussion in the initial PR in UI updates to admin dashboard #16307 (review): There are a few minor issues like column header alignment and missing sorting icons ...

@gtsiolis I have a clear idea of how to proceed with [1] and [2]. For [3], I'm aware of the column header alignment and missing sorting icons issue for the Users page. Any other pages that you could notice that have the same issue on the admin dashboard?

[gtsiolis]

@Devansu-Yadav For [3]:

1. Besides the Users page, the Workspaces page has an extra empty cell in front of the name.
2. The sorting icon seems more useful only to the Users page as you mentioned above.

There are more improvements I can jot down if we go down this route, but I'd like to limit the amount of focus or energy we put in this until we can be sure the admin dashboard or its component will still be useful in the product direction. Listing of them in case any of these are trivial to fix:

• Keep admin menu active when opening a user, project, or team #10499
• Populate Admin dashboard list views without first requiring a search #8983
• [Admin] Blank page when viewing deleted user #3836
• Add confirmation dialog when blocking or deleting a user #3930
• [Admin dashboard] - Show multiple lists under a user or team #14760
• [Admin, UBP] Show usage details for users and teams #14762
• Introduce sign-up restrictions #6372
• ...

[Devansu-Yadav]

@Devansu-Yadav For [3]:

1. Besides the Users page, the Workspaces page has an extra empty cell in front of the name.
2. The sorting icon seems more useful only to the Users page as you mentioned above.

Sure, I'll make the appropriate changes.

There are more improvements I can jot down if we go down this route, but I'd like to limit the amount of focus or energy we put in this until we can be sure the admin dashboard or its component will still be useful in the product direction. Listing of them in case any of these are trivial to fix:

• Keep admin menu active when opening a user, project, or team #10499
• ...

This makes sense. Maybe once we tackle this issue as well as #16399, I can probably have a look into these.

[gtsiolis]

Thanks, @Devansu-Yadav! I appreciate the effort and energy you put in this. 🍊