Tree enhancements

[vincerubinetti]

Closes #70

testbed?seed=1782757572577

• change all react components to traditional function() notation and all else to () =>{} arrow notation
• style refresh, new font, make component boundaries clearer, make component designs more consistent
• give gradient select nicer names
• add debug logging to complex component renders
• get rid of unnecessary useMemo and useCallback calls, rendering fast enough without it
• make new frame component, separate from chart component
• split heading component into h1/2/3/4 components
• tree component changes
  • add option to sort children by different metrics, and flip the sort direction
  • add ability to visually collapse long horizontal lines
• abide by new react eslint recommended rules
• on testbed, add ability to paste raw json data into complex components
• import color palette directly from now-installed tailwind package instead of hard-coded json file in repo

[netlify]

✅ Deploy Preview for molevolvr ready!

Name	Link
🔨 Latest commit	b77658b
🔍 Latest deploy log	https://app.netlify.com/projects/molevolvr/deploys/6a4c0c3665b1c50008788586
😎 Deploy Preview	https://deploy-preview-71--molevolvr.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 project configuration.