[WIP] Upgrade chakra-ui to v3

[theoforger]

Description

chakra-ui version 3 introduced many breaking changes. This PR is an attempt to upgrade

Changes

• Removed @emotion/styled, framer-motion, @chakra-ui/icons(migrated to react-icons since chakra stopped supporting their icons library)
• Modified tsconfig.json to target ESNext.
• Add code snippet from chakra
• Refactored theme to use systems instead
• Changed component names and structures (the migration guide is not complete on this matter)
• Dropped useToast hook in favor of toaster from the code snippet

[theoforger]

@uday-rana @lilyhuang-github @humphd I couldn't quite figure out why the e2e test is stuck. I'll keep investigating but any help is appreciated 🙏

[uday-rana]

@theoforger I was running into a similar problem in #843 a few commits ago but with a different error message. Not sure if there's any correlation but thought I'd mention it.

https://github.com/DevelopingSpace/starchart/actions/runs/14303212753/job/40081313383

[theoforger]

@humphd @uday-rana Just a couple problems left:

Animations

Although animations are glitchy after this migration, the problem seems to resolve itself once React is updated to 19. As I mentioned here: #841, the React upgrade mostly works, except for some issues with its mobile layout, which may or may not still exist after the chakra UI v3 migration. How do we want to approach this?

Font/Margin/Padding Sizes

Chakra UI v3 changed its sizing in many places. After this migration the website doesn't look exactly the same as before. Should we focus on replicating the old layout or making the current one look nice?

[theoforger]

To future maintainers:

This migration is almost complete. It's only blocked by an animation bug which can be fixed by upgrading React to 19, and some minor UI tweaks.

I put a lot of efforts into this PR and I'd love to see it merged some day. Feel free to reach out to me for collaboration. Thanks! 😃