Add matching interface

[ys112]

This PR includes new matching interface for user to select difficulty and category and the timer countdown when user starts a matching process and cancellation. Does not include success match handling as I think it is more relevant to deal with at websocket integration.

(Summarised by copilot below)

New Matching Feature:

• frontend/src/components/Matching/MatchingForm.tsx: Added the MatchingForm component for the matching process, including form validation and submission.
• frontend/src/components/Matching/MatchingTimer.tsx: Added the MatchingTimer component to handle the countdown timer during the matching process and cancellation.

Code Refactoring:

• frontend/src/queries/questionQueries.ts: Extracted the fetchQuestions function to handle API calls for fetching questions.
• frontend/src/components/Questions/QuestionsTable.tsx: Refactored the QuestionsTable component to use the fetchQuestions function for consistency.

  Schema Updates:

• common/shared-types/index.ts: Added matchFormSchema to define the schema for the matching form.

Code cleanup:

• Remove unused imports.