feat: upgrade to react 18 and chakra v2

[karrui]

This PR upgrades React from React 17 to React 18, as well as ChakraUI v1 to v2. This is necessary due to ChakraUI V2 only being compatible with React 18.

In addition, a bunch of packages are upgraded too to allow for compatibility with React 18.

list of changed deps required to make the app work lol:

• "@chakra-ui/react": "^1.8.6" -> ^2.8.2
• "@floating-ui/react-dom-interactions": "^0.9.3" (renamed) -> "@floating-ui/react": "^0.26.13"
• "react-beautiful-dnd": "^13.1.0" (dead) -> "@hello-pangea/dnd": "^16.6.0" (fork)
• "focus-visible": "^5.2.0" -> removed, unnecessary
• "framer-motion": "^5.4.5" -> ^11.1.7
• "react": "^17.0.2" -> ^18.3.0 (cutting edge ok)
• "react-dom": "^17.0.2" -> ^18.3.0
• "react-joyride": "^2.4.0" -> ^2.8.1
• "react-markdown": "^8.0.3" -> ^9.0.1
• "remark-breaks": "^3.0.2" -> ^4.0.0 (required for compat with rmd 9)
• "remark-gfm": "^3.0.1" -> ^4.0.0 (required for compat with rmd 9)
• "type-fest": "^2.8.0" -> ^4.17.0 (synced across repo)
• "@testing-library/dom": "^8.11.1" -> removed, unnecessary
• "@testing-library/react": "^12.1.2" -> ^15.0.5 (required or tests will break)
• "@testing-library/user-event": "^14.4.3" -> ^14.5.2

refrained from upgrading some packages that are not super required, will do it in later PRs.
This includes:
@tanstack/react-query
react-hook-form, etc

[karrui]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• feat: use ogp design system #7308
• feat: upgrade typescript to 5.4.5 across app #7305
• feat: upgrade to react 18 and chakra v2 #7292 👈
• feat: migrate from CRA4 to Vite, Storybook to v8, jest to Vitest #7285
• fix: fix type issues on react-email templates on express server #7279
• feat: upgrade prettier to v3 #7278
• feat: update eslint packages to stable latest versions #7277
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @karrui and the rest of your teammates on Graphite

[karrui]

almost there, all the regressions are hopefully caught by frontend tests. thanks @opengovsg/formsg-engineers for the upkeep of tests! it's coming in super handy now :)

[timotheeg]

Daaaaaang, great upgrades FTW @karrui 💪 !!

What noticeable improvements from the upgrade can the team expect, and should be monitored?

[karrui]

Daaaaaang, great upgrades FTW @karrui 💪 !!

What noticeable improvements from the upgrade can the team expect, and should be monitored?

I think improvements are not noticeable to the public haha. This one just foundation to allow FormSG to use OGPDS (and not have upgrade path to react 19 get blocked when that comes out this year)

Developer experience wise, should be must faster to start up. Tests also run faster.