Review filtering by star rating is functional

On products with 50+ reviews, shoppers looking to validate a concern — say, "does this fail after six months?" — cannot surface 1-star and 2-star reviews without scrolling through dozens of positives. A star-rating filter lets them find that signal in one click, which increases time-on-page and reduces refund rates because buyers self-disqualify before purchase instead of after. Without filters, low-rated reviews get drowned and the product reads falsely uniform.

Render a components/ReviewFilter.tsx component with a checkbox per rating level (1-5), track selected ratings in state, and pass them to the review query as a WHERE rating IN (...) clause. Keep the control visible above the review list:

{[5, 4, 3, 2, 1].map(rating => (
  <label key={rating}>
    <input
      type="checkbox"
      checked={selectedRatings.includes(rating)}
      onChange={(e) => toggle(rating, e.target.checked)}
    />
    {rating} stars
  </label>
))}