Shifting codebase to react

**Issue Description:**

The current project frontend is built using [current tech stack, e.g., plain HTML/CSS/JS or another framework]. To improve scalability, maintainability, and component reusability, we need to migrate the frontend codebase to React.

**Proposed Solution:**

1. Set up a new React project using Vite or Create React App.
2. Restructure existing UI components into modular React components.
3. Implement routing using React Router.
4. Integrate existing APIs with React using Axios or Fetch API.
5. Ensure responsive and accessible UI.
6. Maintain feature parity with the existing implementation.

**Expected Outcome:**

1. A fully functional React-based frontend.
2. Improved development speed with reusable components.
3. Easier future maintenance and integration.