fix: UI polish for intake form, dashboard cards, and schedule (#142)

- Intake form: replace remind checkbox with bell icon + toggle switch
- Intake form: smart takenBy dropdown based on medication's people
- Dashboard: hide DETAILS row for pill bottles on mobile cards
- Dashboard: use status-chip with icons in schedule view (past/today/future)
- Dashboard: reduce spacing between icons and status chips on mobile
- MedDetailModal: show package type in PACKAGE DETAILS heading
- PlannerPage: show dash for bottle blisters column
- Shorten Pill Bottle label in EN/DE translations
- Update related tests

frontend/src/test/components/MobileEditModal.test.tsx

@@ -424,8 +424,14 @@ describe("MobileEditModal takenBy", () => {
 
 		render(<MobileEditModal {...defaultProps} form={form} />);
 
-		expect(screen.getByText("John")).toBeInTheDocument();
-		expect(screen.getByText("Jane")).toBeInTheDocument();
+		// Check tags are rendered (use getAllByText since names also appear in intake dropdowns)
+		const johnElements = screen.getAllByText("John");
+		const janeElements = screen.getAllByText("Jane");
+		expect(johnElements.length).toBeGreaterThanOrEqual(1);
+		expect(janeElements.length).toBeGreaterThanOrEqual(1);
+		// Verify the tag elements specifically exist
+		expect(johnElements.some((el) => el.closest(".tag"))).toBe(true);
+		expect(janeElements.some((el) => el.closest(".tag"))).toBe(true);
 	});
 
 	it("calls onRemoveTakenByPerson when tag removed", () => {