JSFiddle - React, Tailwind, and code Playground

HTML

<body marginheight="0" topmargin="0">
<div align="center">
</div>
<table width="675" border="1" cellspacing="0" cellpadding="0">
        <tr>
                        <td bgcolor="#FF93A4" width='625' align="middle" valign="middle" height="19">
                         <font size=5><b><?php echo $select_title; ?></b></font>
                        </td>
  </tr>
</table>
        <table width="675" border="1" cellspacing="0" cellpadding="0">

        <tr>
                        <td bgcolor="#D5FFFA" width='65' align="middle" valign="middle" height="19">
                        <?php if ($memb_id != 0) echo "<form method=\"POST\" action=\"logout.php\">
                        <input type=\"submit\" value=\"Logout\" name=\"B1\"></form>"; else echo "<font size=\"4\">VIEW</font>"; ?>
            
                        </td>
						 <td bgcolor="#D5FFFA" width='50' align="middle" valign="middle" height="19">
                     Thumbnail
                        </td>
                        <td align='center' valign="middle" bgcolor="#D5FFFA" width='100' height="19">
                    sort by<br>
					<a href="properties.php?select_type=<?php echo $select_type;?>&select_city=<?php echo $select_city;?>&priceForm=<?= $lowPrice;?>,<?= $highPrice; ?>&sqft=<?= $lowSize;?>,<?= $highSize; ?>&sort_type=city, asking_price desc"><font size=4><b>Location,</b></a>
                </td>
                        <td align='center' valign="middle" bgcolor="#D5FFFA" width='100' height="19">
                    sort by<br>
      <a href="properties.php?select_type=<?php echo $select_type;?>&select_city=<?php echo $select_city;?>&priceForm=<?= $lowPrice;?>,<?= $highPrice; ?>&sqft=<?= $lowSize;?>,<?= $highSize; ?>&sort_type=asking_price asc, city"><b>Price<b/></a> 
    </td>
                        <td align='center' valign="middle" bgcolor="#D5FFFA" width='200' height="19">
                    sort by<br><a href="properties.php?select_type=<?php echo $select_type;?>&select_city=<?php...

JavaScript

<?php 
        
        session_start();
        if (!isset($acc_lvl)) $acc_lvl = 0;
        if (!isset($memb_id)) $memb_id = 0;


        include ('dbconnect.inc');
                
        if (!isset($sort_type)) $sort_type = "asking_price desc, city, property_subtype;";
        if(!isset($lowPrice)) {
		if (!isset($priceForm)) {
			$lowPrice = 0;
			$highPrice = 1000000000;
		} else {
			$priceForm = explode(',',$priceForm);
			$lowPrice = $priceForm[0];
			$highPrice = $priceForm[1];
		}
		}
		if(!isset($lowSize)) {
		if (!isset($sqft)) {
			$lowSize = 0;
			$highSize = 1000000000;
		} else {
			$sqft = explode(',',$sqft);
			$lowSize = $sqft[0];
			$highSize = $sqft[1];
		}
		}
		
		
		  if (!empty($_POST['DateListed'])) {
		  	   $DateListed2 = explode("-",str_replace("/","-",$_POST['DateListed']));
   			$date  = $DateListed2[2]."-".$DateListed2[0]."-".$DateListed2[1];
		   	$date_sql = "AND date_listed='".$date."'";
		  }
		  else {
		  		$date_sql = "";
		  }
		
		if (!isset($select_type)) $select_type = "all";
        if (!isset($select_city)) $select_city = "all";
        $sort_type = htmlspecialchars(stripslashes($sort_type));
        $select_type = htmlspecialchars(stripslashes($select_type));
        $select_city = htmlspecialchars(stripslashes($select_city));
                   
        $query = "select properties.property_id,selected_subtypes.property_type,properties.listing_type,properties.city,properties.asking_price,memberships.name,properties.membership_id,properties.building_size,memberships.website,properties.sold_price
                     from selected_subtypes,properties,memberships where (selected_subtypes.property_id = properties.property_id) 
                      and (properties.membership_id = memberships.membership_id)
		      and (memberships.status = 'Active') and (properties.sold_information = ' ' or properties.sold_information = 'Undisclosed')
                      and ((selected_subtypes.property_category ='".$select_type."' or...