feat: streamline dashboard UI and improve refill reminder (#86)

- Hide Reorder Reminder card when reminders are enabled (avoids redundancy with Reminder Bar)
- Show all low stock medications in Reminder Bar instead of just the next one
- Rename 'Reorder' to 'Refill' throughout the app
- Make medication names clickable in Refill Reminder card (opens detail modal)
- Add daysLeft display for each low stock medication
- Update translations (EN + DE)

frontend/src/styles.css

@@ -195,7 +195,7 @@ body.modal-open {
 .reminder-status-header {
 	display: flex;
 	align-items: center;
-	gap: 0.5rem;
+	gap: 0.75rem;
 	flex-wrap: wrap;
 }
 
@@ -212,11 +212,10 @@ body.modal-open {
 }
 
 .reminder-status-badge {
-	padding: 0.2rem 0.5rem;
-	border-radius: 4px;
+	padding: 0.25rem 0.6rem;
+	border-radius: 6px;
 	font-size: 0.75rem;
 	font-weight: 500;
-	margin-left: auto;
 }
 
 .reminder-status-badge.success {
@@ -282,6 +281,52 @@ body.modal-open {
 	color: var(--text-secondary);
 }
 
+.reminder-low-stock-list {
+	display: flex;
+	flex-direction: column;
+	gap: 0.375rem;
+	padding-left: 1.75rem;
+}
+
+.reminder-low-stock-item {
+	display: flex;
+	align-items: center;
+	gap: 0.75rem;
+	font-size: 0.8rem;
+	color: var(--text-secondary);
+}
+
+.reminder-low-stock-item .reminder-med-name {
+	font-weight: 500;
+	color: var(--text-primary);
+}
+
+.reminder-low-stock-item .reminder-days-left {
+	color: var(--warning);
+	font-size: 0.75rem;
+}
+
+.reminder-low-stock-item.critical .reminder-days-left {
+	color: var(--danger);
+	font-weight: 500;
+}
+
+.med-link {
+	font-weight: 600;
+	text-decoration: underline;
+	text-decoration-style: dotted;
+	text-underline-offset: 2px;
+}
+
+.med-link.clickable {
+	cursor: pointer;
+}
+
+.med-link.clickable:hover {
+	color: var(--accent);
+	text-decoration-style: solid;
+}
+
 @media (max-width: 600px) {
 	.reminder-status-bar {
 		padding: 0.75rem;
@@ -300,6 +345,9 @@ body.modal-open {
 		flex-direction: column;
 		gap: 0.15rem;
 	}
+	.reminder-low-stock-list {
+		padding-left: 0;
+	}
 }
 
 .tabs {