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/pages/DashboardPage.tsx

@@ -439,9 +439,12 @@ export function DashboardPage() {
 											? t("table.pillsCount", { count: Math.round(row.medsLeft) })
 											: formatFullBlisters(stock.fullBlisters, t)}
 									</span>
-									<span data-label={t("table.stockDetails")} className={textClass}>
+									<span
+										data-label={t("table.stockDetails")}
+										className={`${textClass}${med?.packageType === "bottle" ? " hide-on-card" : ""}`}
+									>
 										{med?.packageType === "bottle"
-											? "-"
+											? "—"
 											: formatOpenBlisterAndLoose(
 													stock.openBlisterPills,
 													stock.loosePills,
@@ -597,6 +600,9 @@ export function DashboardPage() {
 												const med = meds.find((m) => m.name === item.medName);
 												const medCov = coverageByMed[item.medName];
 												const isEmpty = medCov ? medCov.medsLeft <= 0 : false;
+												const status = medCov
+													? getStockStatus(medCov.daysLeft, medCov.medsLeft, stockThresholds)
+													: null;
 												const itemDoseIds = expandDoseIds(item.doses);
 												const allTaken = itemDoseIds.every((id) => takenDoses.has(id));
 												return (
@@ -623,6 +629,9 @@ export function DashboardPage() {
 																<span className="tag subtle">
 																	{item.total} {t("common.pills")} {t("common.total")}
 																</span>
+																{status && (
+																	<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																)}
 															</div>
 														</div>
 														<div className="doses-col">
@@ -772,7 +781,9 @@ export function DashboardPage() {
 																<span className="tag subtle">
 																	{item.total} {t("common.pills")} {t("common.total")}
 																</span>
-																{status && <span className={`tag ${status.className}`}>{t(status.label)}</span>}
+																{status && (
+																	<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																)}
 															</div>
 														</div>
 														<div className="doses-col">
@@ -959,7 +970,9 @@ export function DashboardPage() {
 																<span className="tag subtle">
 																	{item.total} {t("common.pills")} {t("common.total")}
 																</span>
-																{status && <span className={`tag ${status.className}`}>{t(status.label)}</span>}
+																{status && (
+																	<span className={`status-chip small ${status.className}`}>{t(status.label)}</span>
+																)}
 															</div>
 														</div>
 														<div className="doses-col">