feat: update subnet table layout

[Jay-Topher]

Done

• Update fabric and space tables to support grouping

QA steps

• visit subnets page
• Ensure that both fabric and space tables have row grouping

Fixes

Fixes: https://warthogs.atlassian.net/browse/MAASENG-2435

Screenshots

Fabric

Space

Notes

[webteam-app]

Demo starting at https://maas-ui-5226.demos.haus

[petermakowski]

A few things to improve below.

The items count in each group row should be the total number of rows in this group across all pages, not just the current page.

Rows nested in a group should have increased indentation, like in the machine list.

I'm pretty sure that each group name in the row group should be a link (a link to fabric or space depending on the grouping). Could you talk to @amylily1011 or @dgtlntv and verify this, plus any potential design considerations.

[ndv99]

This looks good IMO, nice one!

[ndv99]

A few things to improve below.

The items count in each group row should be the total number of rows in this group across all pages, not just the current page.

Rows nested in a group should have increased indentation, like in the machine list.

I'm pretty sure that each group name in the row group should be a link (a link to fabric or space depending on the grouping). Could you talk to @amylily1011 or @dgtlntv and verify this, plus any potential design considerations.

Before merging - @Jay-Topher did you follow up on this?

[Jay-Topher]

A few things to improve below.
The items count in each group row should be the total number of rows in this group across all pages, not just the current page.
Rows nested in a group should have increased indentation, like in the machine list.
I'm pretty sure that each group name in the row group should be a link (a link to fabric or space depending on the grouping). Could you talk to @amylily1011 or @dgtlntv and verify this, plus any potential design considerations.

Before merging - @Jay-Topher did you follow up on this?

Yes, I did, you could verify also but I'm sure I covered everything there

[petermakowski]

@Jay-Topher There should be a different line length around indented rows to help separate them out visually. Would be great to align this with machine listing.

machine listing

subnets