Skylor Tutor App UI Revamp

The upgraded design will: Unify the UI/UX across all user roles (Students, Tutors, Admins) while adapting functionality based on role-specific permissions. Modernize key modules : Home Screen → Personalized dashboard (dynamic sessions, recommended tutors, quick actions) Student Dashboard → Clean overview of upcoming sessions, recommended tutors, messages, and notifications. Tutor Dashboard → Streamlined session management, earnings breakdown, Tutor Twin configuration. Admin Dashboard → Full control over sessions, users, reports, and platform monitoring. Introduce intuitive navigation through clearly structured tabs, bottom sheets, and smooth transitions between sections. Improve Tutor Twin interaction → Responsive chat interface with emoji support, file attachments, typing indicators, and adaptive layout. Standardize component styling : Buttons, input fields, cards, and tabs with unified margins, paddings, and shadows. Consistent use of brand colors (cyan, brand_primary, dark accents). System-wide font usage. Optimize real-time experiences (session status updates, chat typing status, connectivity banners). Ensure full accessibility compliance , readable typography, and large touch targets for a frictionless experience. Prepare the UI for future scalability, such as role-switching between Student and tutor, expanded Admin controls, and AI integrations. The goal is to elevate Skylor Tutor's user experience into a highly professional, sleek, and competitive product while staying true to its educational brand identity.