fix(medications): align detail-page spacing ladder

The /medications/[id]/history page wraps its sections in space-y-4 (16 px); each section paints a 1 px border so the effective gap reads ~14 px against the text-xs body density. Lifting the wrapper to space-y-6 (24 px) matches the /insights/* sub-page stride and gives the page room to breathe after the heading-scale collapse.

src/app/medications/[id]/history/page.tsx

@@ -54,8 +54,14 @@ export default function IntakeHistoryPage({
     );
   }
 
+  // D-H8 — bump the sibling-section stride from `space-y-4` (16 px)
+  // to `space-y-6` (24 px) so the medication-detail page matches the
+  // `/insights/*` sub-page stride. The earlier 16 px gap rode tight
+  // against each section's 1 px border (~14 px optical gap) and read
+  // dense after the heading collapse landed in the canonical
+  // `<MedicationDetailSection>`.
   return (
-    <div className="space-y-4">
+    <div className="space-y-6">
       <Button
         variant="ghost"
         size="sm"