refactor: fixed the alignment of the product top bar for sort by and filter button

templates/catalog/_partials/products-top.tpl

@@ -28,7 +28,7 @@
   <!-- Top Bar With Filter Button and Sort By Selector -->
   <div class="flex justify-between">
     <!-- Show Filters Button -->
-    <div>
+    <div class="flex">
       <button id="show-filters" type="button" class="flex space-x-2 items-center">
         <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-filter" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
           <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
@@ -38,7 +38,7 @@
       </button>
     </div>
     <!-- Sort By Dropdown -->
-    <div>
+    <div class="flex">
       {block name='sort_by'}
         {include file='catalog/_partials/sort-orders.tpl' sort_orders=$listing.sort_orders}
       {/block}

templates/catalog/_partials/sort-orders.tpl

@@ -23,7 +23,7 @@
  * International Registered Trademark & Property of PrestaShop SA
  *}
 
-<div class="relative flex gap-2 lg:items-center top-4 lg:top-0">
+<div class="relative flex">
   <div class="relative flex-1 max-w-[140px] group">
     <button
       class="dropdown-toggle relative px-4 pr-6 leading-1 w-full text-left"