Refactor design system with Radix

[nathanielrindlaub]

https://www.radix-ui.com/

I really like the simplicity and flexibility of this component library, and it's made by Modulz (creators of Stitches, which we're using for styling), so they should play nicely together.

Check out Radix primatives: https://www.radix-ui.com/docs/primitives/overview/introduction

Radix Icons: https://icons.modulz.app/

Radix Colors: https://www.radix-ui.com/colors

[nathanielrindlaub]

https://ped.ro/writing/why-i-build-design-systems-with-stitches-and-radix

[nathanielrindlaub]

https://design-system.modulz-deploys.com/ https://github.com/radix-ui/design-system

[nathanielrindlaub]

Potential things to progressively transition to Radix components:

• [x] modal with diablog
• [x] project / view nav menus with dropdown menu
• [ ] checkboxes
• [ ] filtes panel -> use scroll area
• [ ] select
• [ ] slider
• [ ] tabs
• [ ] accordion

Other cool ones that might come in handy:

• https://www.radix-ui.com/docs/primitives/components/navigation-menu
• https://www.radix-ui.com/docs/primitives/components/toolbar
• https://www.radix-ui.com/docs/primitives/components/context-menu

[nathanielrindlaub]

IMO select should be top priority. I don't love styling override approach forced by react-select

[nathanielrindlaub]

Scroll area would provide consistent scroll bar styling across browsers.

[nathanielrindlaub]

Now depends on transitioning away from CRA #73