feat: obsolete medication archiving, start date, and UI improvements (#215)

* feat: obsolete medication archiving, start date, and UI improvements

- Add soft-archive (obsolete) for medications with dedicated section and toggle
- Add medication start date field with date picker and validation
- Add obsolete/reactivate API endpoints with proper auth
- Filter obsolete meds from schedule, coverage, planner, and notifications
- Improve UserFilterModal with intake schedules, stock badges, and click-to-open
- Improve dashboard taken-by badges with per-intake bell icons
- Add Escape key support to ConfirmModal and MobileEditModal
- Fix Lightbox close button positioning near image
- Add read-only mode support for MobileEditModal
- DB migrations: 0008 (is_obsolete, obsolete_at), 0009 (medication_start_date)
- All user-facing text uses i18n keys (en + de)

* test: fix tests for obsolete medications and UI changes

- Backend: add is_obsolete, obsolete_at, medication_start_date columns to test schemas
- Backend: add test medication inserts in planner tests for active-med filtering
- Frontend: update useMedications URL to include includeObsolete param
- Frontend: fix MobileEditModal selectors and validation assertions
- Frontend: add onClearUser prop to UserFilterModal test renders
- Frontend: fix MedicationsPage and DashboardPage test assertions

frontend/src/components/MedDetailModal.tsx

@@ -181,7 +181,16 @@ export function MedDetailModal({
 							{selectedMed.genericName && <span className="med-generic-name">{selectedMed.genericName}</span>}
 							{selectedMed.takenBy && (selectedMed.takenBy || []).length > 0 && (
 								<span className="med-taken-by">
-									{t("modal.for")} {selectedMed.takenBy.join(", ")}
+									{t("modal.for")}{" "}
+									{selectedMed.takenBy.map((person, index) => (
+										<span key={person}>
+											{index > 0 && ", "}
+											{person}
+											{selectedMed.intakes?.some(
+												(intake) => intake.takenBy === person && intake.intakeRemindersEnabled
+											) && <span className="taken-by-badge">🔔</span>}
+										</span>
+									))}
 								</span>
 							)}
 						</div>
@@ -287,7 +296,7 @@ export function MedDetailModal({
 					{selectedMed.prescriptionEnabled && (
 						<div className="med-detail-section">
 							<h3>{t("form.sections.prescription")}</h3>
-							<div className="med-detail-grid">
+							<div className="med-detail-grid prescription-detail-grid">
 								<div className="med-detail-item">
 									<span className="med-detail-label">{t("prescription.authorizedRefills")}</span>
 									<span className="med-detail-value">{selectedMed.prescriptionAuthorizedRefills ?? "—"}</span>