Panel content reorganization + Control/Tool rework

[MichaelBuessemeyer]

URL of deployed dev instance (used for testing):

• https://panelcontentreorganization.webknossos.xyz

Steps to test:

• Look at the checklist below and check whether the panels/tabs have the content as described in the list.

• Please also check the (basic) functionality of the panel elements / settings.

• I had quite a lot of merging conflicts relating the dark mode pr / css. This needs to be tested, so nothing breaks because of this PR.

Issues:

• fixes Reorganize content of panels in core UI #5231

---

• Updated (unreleased) changelog
• [ ] Updated (unreleased) migration guide if applicable
• [ ] Updated documentation if applicable
• [ ] Adapted wk-connect if datastore API changes
• [ ] Needs datastore update after deployment
• Ready for review

[MichaelBuessemeyer]

@philippotto I don't remember whether I notified you, but I think I applied all feedback from last friday. Could you please take another look and tell me, whether this state is ok give to users to ask for feedback?
Thanks :) 🙏

[philippotto]

Awesome :) only left some nitpicks

[philippotto]

• superfluous divider in context menu when opening a dataset with a segmentation in view mode (@philippotto)
• when soma-clicking AND merger mode are enabled, the border look weird (there is still some radius between this buttons?)
• create-new-tree icon needs to be changed (@philippotto)
• "Layer" to "Layers"
• edit icon next to "active segment id" etc. could be a bit more subtle and have better padding (@philippotto)
• padding-top of skeleton-tab still seems to be too big
• "not all layers visible" still looks a bit weird. also, the icon pushes everything further down which makes the the other switch-buttons hard to use
  • <-- I fiddled a bit with this and think that we might not even need this. The icon has always been quite subtle. I'm not sure if there is a high value in it. Alternatively, a span in the toolbar à la "1/3 Layers visible" might be a better solution. But I would defer this until we deem this necessary.

To discuss (let's discuss this after we got some feedback):

• the "volume" tab is gone now. still not sure, whether people will easily cope.

[philippotto]

I think I pushed a solution for all items I mentioned above. Feel free to review my latest commits. I used the existing antd-legacy-group CSS class and removed the one you added, as the existing class seems to work better regarding the removal of the border-radius. I hope, I didn't oversee any regressions.

[hotzenklotz]

I read through many of the documentation changes and modals texts. In some cases I doubled checked with Grammarly.

[MichaelBuessemeyer]

I think I pushed a solution for all items I mentioned above. Feel free to review my latest commits. I used the existing antd-legacy-group CSS class and removed the one you added, as the existing class seems to work better regarding the removal of the border-radius. I hope, I didn't oversee any regressions.

Thanks for doing that :). I took a look at your changes and they look alright to me :)
I added a small fix, that if only the soma clicking mode is active, the border on the right side of the button was not shown / not blue by simply adding a z-index: 1 to the button if it is active. At least this solved the issue for me.