Install Chakra UI

[carolynzhang18]

Notion Ticket Link

Install Chakra UI

Implementation Description

• The actual installation changes are mostly in the frontend package.json and yarn.lock. The rest of the changes were just small fixes to accommodate the updated packages.

Steps to Test

1. Delete your frontend/node_modules folder. In the frontend directory (cd frontend), run yarn install to get a fresh copy of the packages. This won't affect what Docker gives you, but it'll make the local package errors go away.
2. After running docker compose down, rebuild the containers with docker compose up --build.
3. Expected: app compiles with no errors*.

* The login page will probably show "Script error" (and you'll see something about missing the client_id parameter in the console). Don't worry about it, the "Remove Google Auth for Login" ticket will make the error go away eventually.

Screenshots (optional)

Here's what the Chakra UI button looks like:

If you want to also plop a component somewhere to try it out, check out the docs: https://chakra-ui.com/docs/components

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR

Linting & Formatting

Mac

docker exec -it CWC-backend /bin/bash -c "yarn fix"
docker exec -it CWC-frontend /bin/bash -c "yarn fix"

Windows

docker exec -it CWC-backend bash -c "yarn fix"
docker exec -it CWC-frontend bash -c "yarn fix"

[owen-sellner]

I realized while testing your code that the functions in frontend/src/APIClients are never called in our application 😭

[owen-sellner]

I left some comments about the error handling and alert issues 🫡

[SohailSayed]

Followed the steps, had no issues compiling on my end

[debs415]

Great work on this Chakra UI ticket! The changes look good, and following the steps you laid out to test, I could run smoothly and get a few Chakra components added to the login page as well, so it seems to work. Once again, great job on this one! :)

[owen-sellner]

I double-checked that the try-catch statement passes the linter. This is ready to merge, good job!!!