POC: Migrate Busola from create-react-app

[akucharska]

Description

Proof of concept: Try migrating Busola and make plan to do it step by step

Connected tasks

#3062

[mrCherry97]

Vite POC: #3323
in case we decide to go with Vite:

• icon of the app is not working
• relative imports need to be changed to "normal" state/authAtom -> ../../state/autoAtom
• build needs to be fixed (imports are causing build failure)
• unit tests need to be configured (actually Jest is trying to run all of the test cases also from Cypress etc)
• imports in unit tests need to be fixed
• Cypress tests need to be checked after working builds

Useful links:

• https://dev.to/hannahadora/jest-testing-with-vite-and-react-typescript-4bap
• https://vitejs.dev/guide/env-and-mode
• https://medium.com/@pushplaybang/absolutely-dont-use-relative-paths-imports-in-your-vite-react-project-c8593f93bbea (maybe we don't need to change relative imports, but then we need to find the way how to force build to use this)
• https://coreui.io/blog/how-to-migrate-create-react-app-to-vite/
• https://www.freecodecamp.org/news/how-to-migrate-from-create-react-app-to-vite/
• https://dev.to/henriquejensen/migrating-from-create-react-app-to-vite-a-quick-and-easy-guide-5e72

[mrCherry97]

NextJS POC: #3330

• We need to bump react to version 18, and 5 different packages + Jest
• the whole routing should be rewritten to app routing or pages router from Next
• build is not working
• check cypress

Useful links:

• https://nextjs.org/docs/app/building-your-application/routing
• https://colinhacks.com/essays/building-a-spa-with-nextjs
• https://nextjs.org/docs/app/building-your-application/upgrading/from-create-react-app
• https://github.com/matejstrasek/cra-to-next

[mrCherry97]

Decision: Vite is a better option for us right now.