Redesign station cards with compact layout, improved typography, and expandable details

- Reduce header size and weight, convert all-caps brand names to title case
- Replace address line with distance-only in collapsed state, move brand label to expanded section
- Apply monospace font to pricing, reduce size and weight across labels
- Move badge list and full details into expandable section
- Normalize font weights throughout (semibold for headings, medium for labels)
- Create `.pill` component class with `.is-active` state for consistent filter styling
- Apply pill styling to SearchBar filters, StationList sort buttons, and brand filter
- Add `name` attributes to fuel type and radius selects
- Update package dependencies (@tailwindcss/node, @tailwindcss/oxide, @rolldown/*)

resources/css/app.css

@@ -8,6 +8,16 @@
 
 @custom-variant dark (&:where(.dark-mode-disabled));
 
+@layer components {
+    .pill {
+        @apply relative inline-flex items-center gap-1 h-10 px-2 rounded-full border bg-white border-zinc-200 text-zinc-700 transition-colors cursor-pointer hover:border-zinc-300;
+    }
+
+    .pill.is-active {
+        @apply bg-primary/10 border-primary text-primary;
+    }
+}
+
 @theme {
     --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';