fix(routing): keep the built-in close X clear of the destination search row

The dialog's absolute close button overlapped the right edge of the new
destination/search header row, so tapping the SEARCH pill could land on the
close button instead. Give the header right padding so the row ends before it.

(Verified end-to-end in the production build by driving a real spot page:
Directions -> Search opens the panel, no console errors.)

src/components/RouteDialog.tsx

@@ -712,7 +712,7 @@ export function RouteDialog({
           of the screen), the mode/vehicle row moves BELOW it, and the details
           scroll with the Start/Stop bar pinned at the bottom. */}
       <DialogContent className="flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-lg flex-col gap-0 overflow-hidden p-0 sm:max-w-xl">
-        <DialogHeader className="order-1 shrink-0 p-4 pb-3">
+        <DialogHeader className="order-1 shrink-0 pl-4 pr-12 pt-4 pb-3">
           <DialogTitle className="sr-only">Route to {destLabel}</DialogTitle>
           <button
             type="button"