Boolean/toggle filters render as checkbox or switch with labels

Boolean filters rendered as clickable divs or unsemantic buttons fail WCAG 2.2 SC 4.1.2 (Name, Role, Value) and SC 1.3.1 (Info and Relationships) — a screen reader user lands on a div that says "Has WiFi" with no indication it is togglable, interactable, or currently active. This eliminates the filtering experience entirely for keyboard-only and assistive technology users. Beyond accessibility, div-based toggles break browser default behaviors: they don't receive focus in the correct tab order, don't respond to Space or Enter as checkboxes do, and don't participate in form submission.

Render every boolean filter as a native <input type="checkbox"> wrapped in a <label>. In components/BooleanFilters.tsx:

<label className="flex items-center gap-2">
  <input
    type="checkbox"
    checked={filters.hasWifi || false}
    onChange={() => toggleFilter('hasWifi')}
  />
  <span>Has WiFi</span>
</label>

Native checkboxes handle Space/Enter toggling, :checked state, and screen reader announcements without custom ARIA. If you need a styled toggle switch, use shadcn/ui's Switch component, which wraps a checkbox with full role="switch" semantics.