[Feature] Group nesting "folders" & Profile tree view

[D3VL-Jack]

This pull requests adds a tree view profile picker to the main window.

Click groups to expand and collapse them, double click profiles to open as a new tab.

Hover actions & context menu options are also available

To achieve this, groups have been given the ability to be nested under another group

Care has been taken to ensure backwards compatibility with previous configs.
parentGroupId, icon, color fields have been added to the groups configuration items

groups:
  - id: 62c453d2-01d0-47e1-8723-1eec6373323e
    name: Group 1
    icon: fas fa-layer-group
    color: '#e294ff'
  - id: 7398c52c-2381-4f42-a8b3-816d8b5930e4
    name: Group 2
    icon: fas fa-4
    color: '#ffe33e'
    parentGroupId: 62c453d2-01d0-47e1-8723-1eec6373323e
  - id: f667f830-03af-48c9-b1b8-cfee8bfa84ac
    name: Group 3
    icon: fas fa-boxes-stacked
    color: '#4800f0'
    parentGroupId: f667f830-03af-48c9-b1b8-cfee8bfa84ac

An additional setting has been added to the window tab that allows the disabling of this feature

EditProfileModalComponent and EditProfileGroupModalComponent have been exported from tabby-settings to allow calling the modal from the sidebar.

And finally, the search modal has been changed to display the full group path as opposed to only the profile's parent group name.

Linked issues #9758 #9210 #411

[Eugeny]

Thank you so much for the PR!

There are a few layout issues on macOS currently:

[Suhun0331]

I think it would be good if this function was added as soon as possible !

[itzhoujun]

nice work

[nisaev]

nice work. Hope @Eugeny will add it soon.

[nisaev]

Thank you so much for the PR!

There are a few layout issues on macOS currently:

margin-top:20px for filter input field should fix it.

[itzhoujun]

Thank you so much for the PR!

There are a few layout issues on macOS currently:

@D3VL-Jack Hi

[steel97]

Awesome PR!

@nisaev I think 20px is too close to mac os traffic lights:

I suggest using something like margin-top: calc(var(--tabs-height) - 0.5rem). -0.5rem is to compensate p-2 on outer container:

Also, I think that this margin should be only applied on macos and only if not in fullscreen mode.
In fullscreen mode on macos it looks weird:

I think condition like this may work:

if (process?.platform == 'darwin' && !hostWindow.isFullscreen) {
    // apply margin-top on input here
} else {
    // remove margin-top
}

P.S: I also checked safe-area-inset-top and it doesn't work on electron app unfortunately...

[D3VL-Jack]

Hi all,

Thank you for the positive feedback on this PR!

Unfortunately, I don't have the time nor access to a macOS environment at the moment to work on this small layout issue.

@steel97 thank you for having a look into this already, I hope @Eugeny will be able to use your findings and add this to the PR so it can get merged!