[Feature] Optimize connection grouping

[1287056027]

Motivation

1.When I'm debugging, I use groups to manage many connections, but these connections don't look very clear. 2.Moreover, when creating a new connection under a specific group, it is created at the outermost level, which is very inconvenient for management. 3.When I switch pages and return to the connection page again, these groups will expand for no reason.

Detailed design

1.Add colors to groups for differentiation. 2.Do not expand groups arbitrarily.

[ysfscream]

Hi @1287056027,

Thanks for this detailed feedback on connection grouping! These are very practical UX improvements.

I've noted your suggestions:

1. Add colors to distinguish different groups
2. Create new connections within the selected group (not at root level)
3. Preserve group collapse/expand state when switching pages

We'll add this to our backlog for consideration in upcoming releases.

[terokorp]

Alternative solution for grouping can be vertical line to group brokers, also more visible indentation