Main Page transition to Reporting Page

[jiin-kim109]

Description:

The transition event between the main page and the reporting page occurs when a user uploads a file or drags a file onto the screen.

1. Initially, the website hides the logo and the dropzone component, and displays the progressText to show the loading status. ✅

2. it sends the user's resume to our server to request an evaluation. (Note that this task is outside the scope of this ticket.) ❌

3. Once the website receives the result from the server, it transitions to the reporting page. ✅

Since we haven't created the backend for resume processing, you can simulate the loading using a simple JavaScript "timeout" function.

The goal of this ticket is to implement the above steps so that the transition event is established when a resume is uploaded. You will be using the "React Router" library, which is already installed. The following tutorials will guide you through the process:
https://carmack-kim.tistory.com/127
https://ui.dev/react-router-url-parameters

Acceptance Criteria:

• The user should be routed to the reporting page when they upload a PDF file, following the above procedures.
• Write a clear code and modules for loading procedure so that later on we can add the communication login between the backend on the top of it.
• Write a test with Jest and RTL to verify the routing and rendering.