Feat/interview settings connection

[today0-o]

Context

This PR addresses the functionality and UX improvements for the InterviewPractice page. Specifically, it ensures that the "Next Question" button behaves as expected by resetting the question and answer components without duplicating them on the page. Additionally, it enforces a limit on the number of questions that can be answered based on the specified numQuestions parameter.

Closes #38

What Changed?

Question and Answer Reset:

• The InterviewPractice component now correctly resets the QuestionComponent and the answer components (TextAnswerComponent or VideoRecordingComponent) when the "Next Question" button is pressed. The components are re-rendered with a new key to avoid duplication on the page.
• Enforced Question Limit: The "Next Question" button is now disabled after the user has answered the maximum number of questions (numQuestions), and the "Finish" button is displayed instead.
• Timer and Answer Reset: The timers and answer fields in TextAnswerComponent are reset correctly when moving to the next question, ensuring that users start fresh with each new question.

How To Review

1. Review the changes made to InterviewPractice.js for handling the count state and ensuring proper re-renders using the key prop.
2. Review the TextAnswerComponent.js to verify that the timer and answer reset functionality is correctly implemented.
3. Check that the QuestionComponent.js is properly reset with a new question upon pressing the "Next Question" button.
4. Verify that the limit on questions (numQuestions) is enforced, and that the "Finish" button appears when the limit is reached.

Testing

• Manually tested the InterviewPractice page to ensure that each new question replaces the previous one without duplication.
• Verified that the "Next Question" button is disabled and the "Finish" button is displayed after the maximum number of questions (numQuestions) is reached.
• Ensured that the TextAnswerComponent resets its timer and answer field correctly when moving to the next question.
• Checked that navigating to the summary page works correctly after the final question is answered.

Risks

Notes

• This implementation should significantly improve the user experience by ensuring that each question is isolated and that users cannot exceed the allowed number of questions.
• Future improvements might include additional unit tests to automate the testing of these components.

[tyin363]

Good job, Minsung! The PR addresses the key issues with the InterviewPractice page effectively. The reset of answer components, enforcement of the question limit, and button transitions are all handled well. The manual testing seems thorough, and the implementation appears solid. LGTM—ready to merge!