🔹 Project Context

This is a multi-role service reminder web application with:

Super Admin

Company Admin

Staff Users

Login is already working correctly for all roles.
Desktop view mostly works, but mobile responsiveness and clickable functionality are broken across the app.

The application is mainly used on mobile devices, so mobile responsiveness is the top priority.

🔹 Primary Objective (MOST IMPORTANT)

✔ Make the entire application fully mobile responsive
✔ Ensure all clickable functions work on mobile
✔ Desktop behavior must remain unchanged

🔹 1. Super Admin Dashboard Requirements

Fix mobile layout issues (no broken or overlapping UI)

Make hamburger menu work on mobile

Ensure all buttons, icons, and toggles are clickable

Company Active / Inactive toggle must work on mobile

Company list and details must display correctly on small screens

Do not change existing logic—only fix responsiveness and click handling

🔹 2. Company Admin Dashboard Requirements
Mobile UI

Fully responsive layout for all screen sizes

Working hamburger menu

All icons and buttons must be touch-friendly

Service Records

Add, edit, and view service records on mobile

WhatsApp reminder, call reminder, and “Mark as Sent” must work

After sending a reminder, the record must:

Be clearly highlighted

Show status as “Sent”

Reminder Queue

WhatsApp reminders must work

Call reminders must work

Mark as Sent must update the database and UI correctly

Reminder status must reflect in real time

🔹 3. Staff Management & Staff Login
Company Admin

Can create multiple staff accounts (username + password)

Staff image upload is optional but preferred

Staff Login

Staff must see:

Company service records

Company reminder queues

Staff must be able to:

Send WhatsApp reminders

Make call reminders

Mark reminders as sent

Staff actions must update the same data used by Company Admin

🔹 4. Reminder & Settings Module

Business information in Settings must be stored properly in the database

Reminder templates must be editable

WhatsApp messages must:

Use the saved template format

Redirect correctly to WhatsApp API

Call reminder logs must work correctly

All reminder functions must work on mobile

🔹 5. Mobile Responsiveness Rules (CRITICAL)

Test on:

Android phones

iPhones

Small screen widths (≤ 360px)

No horizontal scrolling

No hidden or unclickable elements

Touch-friendly buttons and menus

Navigation must be smooth and reliable

🔹 Final Instructions

Fix ONLY mobile responsiveness and broken functionality

Do not redesign the UI unnecessarily

Do not break desktop behavior

Do not remove existing features

All existing logic must continue working

Success Criteria

✔ Fully mobile responsive
✔ All features clickable and functional on mobile
✔ WhatsApp and call reminders work correctly
✔ Staff and Company Admin share the same data
✔ Stable and production-ready result