Feature: New Annotations route for our annotations tasks along with record wise submission instead of page wise

Description:

This MR entails the UI Changes for the Proof Reading with the the scope and flexibility to add new annotation/validation tasks.

This MR contains the following features/changes:

• The new /annotations route which is the home dashboard for all our annotation/validation tasks. Thus the the existing proof reading pages now is under /annotations/proofreading and any other task we add (asr proof reading, event specific tasks like for datathon)
• Improved UI for the Proof Reading page
• Refactored to record wise submit rather than partial pages submissions, now we have two buttons submit page and submit record. The submit page just makes the page as done and changes the page no to yellow and only if all the pages are yellow does the submit record activate to submit the whole record.
• Made the proof reading page compatible for mobile display by designing a separate UI for mobile.

Type of Change:

• Bug Fix
• Feature Development
• Documentation

Testing:

• Tested on desktop
• Tested on mobile
• Tested in different browsers

Screenshots (if applicable):

i.e. This just sample draft designs the transcription,validation and review components are just to showcase how it looks , they will not go into production.

Mobile UI:

Video Demo

Add a link to the demo of the PR

If you have used AI create this PR, please also record video of yourself explaining the changes.

Link to code walkthrough

Checklist:

• Code follows project style guidelines
• Self-review completed
• No console errors
• TypeScript types are correct