edit sheet delete btn, fix medium icons, 44px touch targets, fix drag leak on drawer close

spa/src/components/watch-medium-picker.tsx

@@ -17,7 +17,7 @@ export function WatchMediumPicker({ value, onChange }: WatchMediumPickerProps) {
       <p className="mb-2 text-xs uppercase tracking-wide text-muted-foreground">
         {t("watchMedium.label")}
       </p>
-      <div className="flex flex-wrap gap-1.5">
+      <div className="flex flex-wrap gap-2">
         {WATCH_MEDIUMS.map(({ value: val, icon: Icon, labelKey }) => {
           const selected = value === val
           return (
@@ -28,14 +28,14 @@ export function WatchMediumPicker({ value, onChange }: WatchMediumPickerProps) {
                   variant="outline"
                   size="icon"
                   className={cn(
-                    "size-8",
+                    "size-11",
                     selected && "border-[var(--aero-primary)] bg-[var(--aero-primary)] text-white shadow-[0_0_8px_var(--aero-primary-glow)]",
                   )}
                   aria-label={t(labelKey)}
                   aria-pressed={selected}
                   onClick={() => onChange(selected ? undefined : val)}
                 >
-                  <Icon className="size-4" />
+                  <Icon className="size-5" />
                 </Button>
               </TooltipTrigger>
               <TooltipContent sideOffset={4}>{t(labelKey)}</TooltipContent>