fix(medications): clipped table corners, one customize glyph, the view choice moves home

The table wrapper clips its children now — the sticky name column's
opaque cell background squared off the left rounded corners. The
dashboard, insights and medications headers share a wrench as their
customize glyph, leaving the slider icon to the target and overlay
controls that already wear it. The header view toggle retires; the
cards-or-table choice lives in the medications settings section.

src/components/dashboard/dashboard-header.tsx

@@ -14,7 +14,7 @@
  */
 import { useMemo } from "react";
 import Link from "next/link";
-import { Activity, Pill, Plus, Settings2, Waves } from "lucide-react";
+import { Activity, Pill, Plus, Waves, Wrench } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -114,7 +114,7 @@ export function DashboardHeader({
             aria-label={t("dashboard.customizeDashboard")}
             title={t("dashboard.customizeDashboard")}
           >
-            <Settings2 className="h-4 w-4" aria-hidden="true" />
+            <Wrench className="h-4 w-4" aria-hidden="true" />
           </Link>
         </Button>
         <DropdownMenu>

src/components/insights/insights-tab-strip.tsx

@@ -9,7 +9,7 @@ import {
   ChevronRight,
   Loader2,
   RefreshCw,
-  Settings2,
+  Wrench,
 } from "lucide-react";
 import { toast } from "sonner";
 
@@ -806,7 +806,7 @@ function InsightsTabStripImpl({
               "focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
             )}
           >
-            <Settings2 className="h-4 w-4" aria-hidden="true" />
+            <Wrench className="h-4 w-4" aria-hidden="true" />
           </Link>
         )}
         {onRegenerate && (

src/components/medications/medication-table.tsx

@@ -262,7 +262,12 @@ export function MedicationTable({
   }
 
   return (
-    <div className="bg-card border-border rounded-xl border">
+    // `overflow-hidden` is load-bearing: the sticky name column paints
+    // an opaque `bg-card` cell background that would otherwise square
+    // off the wrapper's rounded corners on the left edge. Horizontal
+    // scrolling lives on the inner table-container (`overflow-x-auto`),
+    // so clipping here costs nothing.
+    <div className="bg-card border-border overflow-hidden rounded-xl border">
       <Table>
         <caption className="sr-only">{t("medications.tableCaption")}</caption>
         <TableHeader>
@@ -636,7 +641,10 @@ function MedicationTableRowItem({
  */
 export function MedicationTableSkeleton({ rows = 4 }: { rows?: number }) {
   return (
-    <div className="bg-card border-border rounded-xl border" aria-hidden="true">
+    <div
+      className="bg-card border-border overflow-hidden rounded-xl border"
+      aria-hidden="true"
+    >
       <Table>
         <TableHeader>
           <TableRow>