[WIP] LF-4242 (0): Upgrade to React Router v6

[SayakaOno]

Description

TODO: Test all routes and squash& merge to the feature branch

• https://reactrouter.com/6.30.2/upgrading/v5#pass-link-state-as-separate-prop
• https://reactrouter.com/6.30.2/hooks/use-blocker
• https://www.taniarascia.com/path-matching-in-react-router/
• https://reactrouter.com/6.14.0/start/faq#what-happened-to-regexp-routes-paths
• Using custom history object with createBrowserHistory? remix-run/react-router#9414

Jira link: https://lite-farm.atlassian.net/browse/LF-4242

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Passes test case
• UI components visually reviewed on desktop view
• UI components visually reviewed on mobile view
• Other (please explain)

Checklist:

• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• The precommit and linting ran successfully
• I have added or updated language tags for text that's part of the UI
• I have ordered translation keys alphabetically (optional: run pnpm i18n to help with this)
• I have added the GNU General Public License to all new files