Active filters are visually distinct and individually removable

When active filters have no visible representation, users forget which constraints are in play. They see 3 results, assume the directory is empty, and leave — never realizing a price cap or category filter is silently excluding hundreds of listings. When filters lack individual remove buttons, the only escape is a full reset, which destroys the user's other selections and forces them to rebuild. Both failure modes compound: invisible filters produce abandonment, and all-or-nothing removal punishes exploration.

Render each active filter as a labeled chip with an inline remove button, positioned above the result grid so it scans at a glance. See components/ActiveFilters.tsx:

{activeFilters.map(([key, value]) => (
  <button
    key={key}
    onClick={() => onRemoveFilter(key)}
    aria-label={`Remove ${key} filter`}
    className="bg-blue-100 px-3 py-1 rounded-full"
  >
    {key}: {value} ×
  </button>
))}