tıkladığım button nasıl aktif edebilirim

$tab_menu = '';
            $tab_content = '';
            $i = 0;
            while ($katcek = $pkat->fetch(PDO::FETCH_ASSOC)){
if($i == 0){
                    $tab_menu .= '<button type="button" data-filter="*" class="btn btn-warning mx-1 text-dark active">Tümü</button>
                    <button type="button" data-filter=".'.$katcek['seo'].'" class="btn btn-warning mx-1 text-dark">'.$katcek['adi'].'</button>';
                } else {
                    $tab_menu .= '<button type="button" data-filter=".'.$katcek['seo'].'" class="btn btn-warning mx-1 text-dark">'.$katcek['adi'].'</button>';
                }
}

// init Isotope
var $grid = $('#product-list').isotope({
  // options
});
// filter items on button click
$('.filter-button-group').on( 'click', 'button', function() {
  var filterValue = $(this).attr('data-filter');
  $grid.isotope({ filter: filterValue });
});

<div class="container">
    <button class="active">Konut</button>
    <button class="">İş Yeri</button>
</div>

<script>
$(".container button").on("click", function (e) {
    e.preventDefault();
    $(".container button").removeClass("active");
    this.classList.toggle("active");
});
</script>

<div class="container">
    <button class="active">Konut</button>
    <button class="">İş Yeri</button>
</div>

<script>
$(".container button").on("click", function (e) {
    e.preventDefault();
    $(".container button").removeClass("active");
    this.classList.toggle("active");
});
</script>

// init Isotope
var $grid = $('#product-list').isotope({
  // options
});
// filter items on button click
$('.filter-button-group').on( 'click', 'button', function() {
  var filterValue = $(this).attr('data-filter');
  $grid.isotope({ filter: filterValue });
});
$(".filter-button-group button").on("click", function (e) {
  e.preventDefault();
  $(".filter-button-group button").removeClass("active");
  this.classList.toggle("active");
});