bump to chakra 3

[dtemkin1]

Bumps version of Chakra UI, mainly followed migration guide (which is the reason for the components/ui folder) but also made some of the following changes:

• Manually set the variant of buttons to "subtle" to match how Hydrant already looks like, same with setting every link component to blue
• Using component select component instead of native select. Whenever the theme was dark the options were all unreadable before :(
• For some reason when we clicking an event on the calendar the click event isn't firing? Seems to be getting constantly re-rendered so refactored the Calendar.tsx file a bit to try things out but couldn't get it working consistently. If someone better at React knows whats going on pls lmk :/
• Prettier touched a lot of files, sorry for the massive diff

If I missed something, let me know! :D

[psvenk]

This mostly looks good to me, code-wise and functionality-wise. I have a few comments, though:

• As you noted, the click event doesn't consistently fire when clicking on a class/activity on the calendar; strangely, this issue also exists for the buttons in the description of a custom activity (for changing its properties).
• In general, I have mixed feelings about how this affects the general design language used in Hydrant. I personally prefer the more defined features of the old design; in particular, what are your thoughts on bringing back the smaller spaces between selected classes/activities, larger font size for selected class/activity names, and even thicker font weights and rounder corners?

For reference:

Before:

After:

[dtemkin1]

I made a few style changes to make it look more like it did before, let me know if that helps. The two things that I'm struggling with (and maybe someone with better React knowledge can help with this?) and should be fixed before merging are:

• The text being shown by a tooltip component is appearing below other things (eg. buttons, the table header, etc.). I'm not sure if we have to do things with refs or something, but if someone knows how to fix this (and has a bit more time than me to work on this), please let me know!
• The calendar component seems to be rerendering events constantly, which is making it so that clicking events doesn't work (and also just making the website slower I think). I poked around and it seems that React thinks that the props given to the Calendar component (specifically, selectedActivities) is constantly changing. I tried to revert most things that touch the Calendar component back to how they were originally, but I'm not really sure why this is happening.