cascade Support native vertical tabs

[!note] this should be built in (not an integration) as it is native to firefox

about:config:

sidebar.verticalTabs: true
sidebar.revamp: true

[x] ~~auto collapse~~ firefox now has auto collapse
~~smooth animations~~ firefox now has auto collapse
[x] hide new tab button
[x] hide bottom buttons
[x] fix weird dot artifact (containers)
[x] tab groups (#150)

Mar 10 '25 00:03 42willow

.tab-context-line is what's producing the strange dot artifacts, I assume it is to display the container

Mar 10 '25 00:03 42willow

https://github.com/user-attachments/assets/d20ed3eb-a21a-43f0-88c4-162e5b5f089e

#sidebar-main {
  width: 58px !important; /* figure out the exact width */
  transition: width 0.3s ease;
}
#sidebar-main:hover {
  width: 200px !important;
}

Mar 10 '25 00:03 42willow

Firefox also has another experimental option for tab groups: browser.tabs.groups.enabled

Mar 25 '25 04:03 42willow

Now the url bar at the top is full width when an extension popup isn't open - need to fix that tomorrow.

Aug 12 '25 11:08 42willow

[x] center and full width tab group labels (they look strange when on the left)
[ ] fix alignment of pinned tabs (gaps should be equal and should adhere to configured border radius) - this also breaks when tabs are collapsed

Oct 01 '25 05:10 42willow

https://github.com/user-attachments/assets/351907c1-c2b8-4a26-b7c9-c445818ece45

[ ] fix ugly jitter due the group labels deciding to resize themselves (the line should be in the same position as it were before expanding the vertical tab bar)
[ ] make group label colours more subtle (maybe just border or a glow similar to the container tabs)

Oct 01 '25 05:10 42willow

https://github.com/user-attachments/assets/3dfd7701-99a2-40e6-85a1-faad65eb0854

[x] fix really bizzare behaviour when a specific number of tabs are open and the tab groups are full width - for some reason the new tab icon also unhides itself when this is happening

Oct 02 '25 00:10 42willow