feat(resizable-sidebar): replace custom sidebar with resizable-panels

[gatzjames]

Highlights:

• Replaces the custom sidebar with react-resizable-panels
• Panels can now be rendered conditionally
• Panels can be resized using the keyboard and are more accessible
• Panel dimensions are now saved in localStorage instead of db
• Fixes toggling the sidebar on/off using the keyboard shortcuts and from the app menu View > Toggle Sidebar
• One tradeoff is that the sidebar now uses percentages instead of pixel units.
  • This simplifies the logic of vertical/horizontal layout since it stays the same e.g. 20/80 will remain 20/80 when the direction changes
  • Could be a problem if we relied on the pixel sizes for whatever reason but I've tested and it works fine for all variations

[jackkav]

Very cool, couple questions.

• is this 1:1 with the previous implementation, or are them some behaviour differences besides persistence?
• Is it worth migrating the old width and height values to localstorage? i guess probably not.

[gatzjames]

Very cool, couple questions.

• is this 1:1 with the previous implementation, or are them some behaviour differences besides persistence?
• Is it worth migrating the old width and height values to localstorage? i guess probably not.

Good points! Added some more info on the PR.

• Not 1:1 with the previous implementation since this one uses percentages instead of pixel units
• I don't think it's worth migrating the old values. Perhaps we should remove them from the workspaceMeta model though. I'll try it out and update the PR