feat: appointment card colors by status, MassHealth badge, date nav controls

- Default card color: light (bg-slate-100 / dark text)
- Blue card when procedures selected, gray when claim has a number
- Status badge: green/red from appointment or patient-level MassHealth status
- Solid dot badge (removed ring), overflow-visible to prevent corner clipping
- Date nav: << < [today circle] > >> for week/day jumps

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/Backend/src/routes/appointments.ts

@@ -56,7 +56,20 @@ router.get("/day", async (req: Request, res: Response): Promise<any> => {
       ? await storage.getPatientsByIds(patientIds)
       : [];
 
-    return res.json({ appointments, patients });
+    // Enrich each appointment with procedure / claim status flags
+    const appointmentIds = appointments.map((a) => a.id).filter((id): id is number => id != null);
+    const [idsWithProcedures, idsWithClaimNumbers] = await Promise.all([
+      storage.getAppointmentIdsWithProcedures(appointmentIds),
+      storage.getAppointmentIdsWithClaimNumbers(appointmentIds),
+    ]);
+
+    const enrichedAppointments = appointments.map((a) => ({
+      ...a,
+      hasProcedures: a.id != null && idsWithProcedures.has(a.id),
+      hasClaimWithNumber: a.id != null && idsWithClaimNumbers.has(a.id),
+    }));
+
+    return res.json({ appointments: enrichedAppointments, patients });
   } catch (err) {
     console.error("Error in /api/appointments/day:", err);
     res.status(500).json({ message: "Failed to load appointments for date" });