fix: frontend UI polish — tooltips, planner checkbox, settings layout (#228)

- Fix mobile tooltip positioning (above icon instead of centered)
- Place planner checkbox and send-now button on same row
- Move settings tooltips beside input fields instead of overlapping
- Fix input-with-tooltip layout for narrow screens
- Add daily/everyNDays i18n keys for dose frequency display
- Fix lint formatting in page components

Closes #225

frontend/src/pages/DashboardPage.tsx

@@ -608,7 +608,17 @@ export function DashboardPage() {
 										<span className="med-name-line">
 											<MedicationAvatar name={row.name} imageUrl={med?.imageUrl} />
 											<span className="med-name-block-dash">
-												<span className="med-name-text">{row.name}</span>
+												<span className="med-name-text">
+													{row.name}
+													{med?.notes && (
+														<>
+															{" "}
+															<span className="notes-icon info-tooltip" data-tooltip={t("tooltips.hasNotes")}>
+																📝
+															</span>
+														</>
+													)}
+												</span>
 												{med?.takenBy && med.takenBy.length > 0 && (
 													<span className="med-taken-by-line">
 														{med.takenBy.map((person) => (
@@ -628,13 +638,6 @@ export function DashboardPage() {
 												)}
 											</span>
 										</span>
-										{med?.notes && (
-											<span className="med-icons">
-												<span className="notes-icon info-tooltip" data-tooltip={t("tooltips.hasNotes")}>
-													📝
-												</span>
-											</span>
-										)}
 									</span>
 									<span data-label={t("table.stock")} className={textClass}>
 										{med?.packageType === "bottle"