feat: redesign day picker with expandable calendar, status markers & Playwright E2E testing

- Replace modal calendar with inline expandable calendar widget integrated into the day picker.
- Add status indicator dots (attended/absent/pending) to month calendar grid matching day picker.
- Disable and gray out weekend days in calendar when weekend schedule is turned off.
- Redesign extend bar with integrated handle that aligns with the palette.
- Remove start-to-end timing on Today screen's class time rail, showing only start time.
- Implement Playwright E2E and visual testing suite with multi-screen capture scripts.
- Add cascade DELETE endpoints for subjects and versioned recurring timetable entries.

scripts/capture-all.mjs

@@ -0,0 +1,118 @@
+import { chromium } from 'playwright';
+import { mkdirSync } from 'node:fs';
+
+const OUT_DIR = './screenshots';
+mkdirSync(OUT_DIR, { recursive: true });
+
+async function run() {
+  // Update profile
+  await fetch('http://localhost:4000/api/v1/profile', {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      name: 'Sam Taylor',
+      college: 'Northbridge University',
+      programme: 'B.Tech Computer Science',
+      semester: 'Semester 3',
+    }),
+  });
+
+  // Get subjects or create if not present
+  let subjects = await fetch('http://localhost:4000/api/v1/subjects').then(r => r.json());
+  if (!subjects.length) {
+    await fetch('http://localhost:4000/api/v1/subjects', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        name: 'Data Structures & Algorithms',
+        code: 'CS201',
+        shortName: 'DSA',
+        classType: 'Theory',
+        defaultRoom: 'Hall 101',
+        color: '#0559FA',
+      }),
+    });
+    await fetch('http://localhost:4000/api/v1/subjects', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        name: 'Database Management Systems',
+        code: 'CS202',
+        shortName: 'DBMS',
+        classType: 'Lab',
+        defaultRoom: 'Lab 3',
+        color: '#9B4BA4',
+      }),
+    });
+    subjects = await fetch('http://localhost:4000/api/v1/subjects').then(r => r.json());
+  }
+
+  const now = new Date();
+  const dateStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;
+
+  // Add one-off class for today
+  await fetch('http://localhost:4000/api/v1/schedule', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      subjectId: subjects[0].id,
+      date: dateStr,
+      startTime: '09:00',
+      endTime: '10:00',
+      room: 'Hall 101',
+    }),
+  }).catch(() => {});
+
+  const browser = await chromium.launch({ headless: true });
+  const context = await browser.newContext({
+    viewport: { width: 390, height: 844 },
+    deviceScaleFactor: 2,
+    isMobile: true,
+    hasTouch: true,
+  });
+
+  const page = await context.newPage();
+
+  console.log('Capturing Today...');
+  await page.goto('http://127.0.0.1:3000/');
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/01-today.png` });
+
+  console.log('Capturing Timetable...');
+  await page.goto('http://127.0.0.1:3000/timetable');
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/02-timetable.png` });
+
+  console.log('Capturing Attendance...');
+  await page.goto('http://127.0.0.1:3000/attendance');
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/03-attendance.png` });
+
+  console.log('Capturing Settings...');
+  await page.goto('http://127.0.0.1:3000/settings');
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/04-settings.png` });
+
+  console.log('Capturing Account...');
+  await page.goto('http://127.0.0.1:3000/account');
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/05-account.png` });
+
+  console.log('Capturing Subject Details...');
+  await page.goto(`http://127.0.0.1:3000/subjects/${subjects[0].id}`);
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/06-subject-details.png` });
+
+  console.log('Capturing Onboarding...');
+  await page.goto('http://127.0.0.1:3000/onboarding');
+  await page.waitForTimeout(2000);
+  await page.screenshot({ path: `${OUT_DIR}/07-onboarding.png` });
+
+  await browser.close();
+  console.log('All screenshots captured successfully!');
+}
+
+run().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});