feat: add mobile support through attendance bookmarklet

[Kaushal-Loya]

Summary

Introduces a custom bookmarklet that allows Amrita students to use AttendEase directly on their mobile browsers (Chrome/Safari) without needing a desktop or third-party app installations.

Key Features

• Mobile-First Design: A compact, 250px-wide floating widget optimized for vertical phone screens.
• Touch Interaction: Fully draggable header with smooth mobile-touch support and tap-to-minimize functionality.
• Dynamic Controls: Integrated the Medical Leave (ML) toggle and Target Percentage selector (75% to 90%) into the mobile view.
• Premium Aesthetics: Maintained the professional gradient-based status indicators (Safe/Warning/Danger) from the original extension.

How to Use (Mobile)

1. Copy the code from bookmarklet.txt.
2. Create a new bookmark in your mobile browser and paste the code into the URL field.
3. Open the Amrita Attendance page.
4. Type the bookmark name in the address bar and click it to launch the widget.

Files Added/Modified

• bookmarklet.txt: The production-ready, minified bookmarklet code.
• bookmarklet_draft.js: The readable, modular source code for the mobile implementation.

(The UI for percentage selector and ML checkbox couldnt be fixed as it was exceeding the maximum limit of characters allowed for a script in mobile bookmarks)