Component cleanup

[vincerubinetti]

Okay. This PR is an attempt to make the components simpler, more maintainable, more readable, etc. I switched from Zag.js -- which is great and highly customizable, but very verbose and probably indecipherable for someone not familiar with React -- to higher-level libraries. Basically all of the popular libraries -- React Aria Components, Headless UI, Radix UI -- have some critical component missing, so I had to mix and match them. They also all have some kind of blind spot that requires dirty hacks. This is just the state of web development; nothing we can do. There is also Ark UI (the high-level version of Zag), but I feel it is too new and untested. I also opted to switch to just vanilla HTML/JS components where appropriate (e.g. checkbox, radio buttons), and it ended up being just as clean imo. I also got rid of the overly-clever "label" wrapper component I had, which handled showing a label, help tooltip, and layout of the label and the child control. While getting rid of it results in some duplicate code (props, CSS), I feel it makes each component easier to read. Also, ultimately, each component needed slightly different styling anyway, and trying to make that work consistently with the same label wrapper proved to be frustrating.

Though the diff doesn't result in a large overall line difference, hopefully these changes just make things simpler and more maintainable in the long run.

Note that a lot of these changes are not as significant as the diff makes them seem, e.g. going from () => { return <>some component</> } to () => <>some component</>.

• remove zag js libraries. add headless-ui, radix-ui, react-aria-components. add jotai for some easier global state management.
• change checkbox to vanilla js/html
• make form component handling of checkbox values more in line with standard form behavior
• get rid of higher-order label component. copy functionality and styles to each component that previously used it, and make variations/customizations as needed.
• change numberbox to react-aria-components
• change popover to radix-ui
• change radios to vanilla js/html
• split select into separate single/multi components, making types much easier
• change slider to react-aria-components
• add "clear all filters" button to table component
• change tabs to radix-ui
• rework textbox local state tracking
• change toasts to vanilla js/html (radix-ui toasts not feature complete, react-aria-components toasts still in beta)
• change tooltip to radix-ui and simplify
• put toasts in same container as "float buttons" and rename to "view corner" (stuff that stays in lower right corner at all times)
• various css tweaks, behavior tweaks (e.g. scroll to results on query analysis), etc.

All components were tested uncontrolled and controlled, and in FormData usage.

[netlify[bot]]

✅ Deploy Preview for gene-plexus ready!

Name	Link
🔨 Latest commit	3418a8f1631c42d404484cae00aea3f0a8385e0b
🔍 Latest deploy log	https://app.netlify.com/sites/gene-plexus/deploys/66575b28e5b4a30008ed1e41
😎 Deploy Preview	https://deploy-preview-33--gene-plexus.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.