No-results state shows clear message with suggestions, not blank page

A blank results grid after a zero-match search reads as a broken page. Users do not infer your filters are too narrow — they infer this site is down or this directory doesn't have what I need and bounce. A deliberate empty state with a message naming what was searched, an explanation of why zero matched, and clear next-action buttons (clear filters, view all, browse categories) recovers the session and keeps the user inside the funnel instead of back in Google typing a competitor's name.

When results.length === 0, render a dedicated empty-state component with a heading, an explanation, and at least two recovery actions (clear filters, browse categories). Edit components/ListingGrid.tsx:

if (results.length === 0) {
  return (
    <div className="text-center py-12">
      <h3>No results found</h3>
      <button onClick={onClearFilters}>View all listings</button>
      <Link href="/categories">Explore popular categories</Link>
    </div>
  )
}