[Migration] Migrate Project from Create React App to Next.js

### What would you like to share?

## Issue Summary:
Currently, this project uses Create React App (CRA), CRA is now dead and we should migrate it to Next.js to leverage its server-side rendering capabilities and better performance. This issue is to track and coordinate the migration process.

As part of this migration, the existing `frontend` folder will be renamed to `web`, and it will contain all the migrated Next.js code.

## Goals:
- Improve Performance: Utilize Next.js for server-side rendering to enhance the initial loading performance of the application.
- SEO Optimization: Take advantage of Next.js features like automatic server-side rendering for better search engine optimization.
- Enhanced Developer Experience: Leverage Next.js's advanced features for routing, data fetching, and API handling.
- Maintain Code Quality: Ensure that the migration maintains or improves the overall code quality and structure.

### Additional information

## Steps to Reproduce:
- Current project setup: Describe the current project structure, technologies used, and any specific features implemented with CRA.
- Desired Next.js Setup: Outline the desired project structure with Next.js and any additional features or configurations planned. Mention the renaming of the frontend folder to web.
- Challenges and Considerations: Identify potential challenges, such as third-party library compatibility, routing adjustments, or state management transitions.
- Migration Plan: Provide a high-level plan detailing the steps involved in migrating from CRA to Next.js. This could include refactoring components, updating dependencies, and adjusting build scripts. Clarify how the code from the frontend folder will be migrated to the new web folder.