fix: components

resources/js/components/AppSearchFilter.vue

 
 <template>
   <div class="flex align-items-center gap-3">
-    <InputText v-bind="$attrs" v-model="search" />
+    <InputText class="w-full" v-bind="$attrs" v-model="search" />
     <i class="pi pi-search" />
   </div>
 </template>

resources/js/pages/Customers/Index.vue

 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, no hp, npwp"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, no hp, npwp"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/Products/Index.vue

 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nomor, nama"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nomor, nama"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/Purchases/Index.vue

         <div class="grid">
           <div class="col-12 md:col-8">
             <AppSearchFilter
-              class="w-full md:w-27rem"
               placeholder="nama, email, no hp, status"
               name-param="search"
               :initial-search="initialFilters"

resources/js/pages/Sales/Index.vue

 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, no hp, status"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, no hp, status"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/StockProducts/Index.vue

         <h1>Stok Produk</h1>
 
         <AppSearchFilter
-          class="w-full md:w-27rem"
           placeholder="nama"
           name-param="search"
           :initial-search="initialFilters"

resources/js/pages/Suppliers/Index.vue

 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, no hp, npwp"
-                name-param="search"
-                :initial-search="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, no hp, npwp"
+              name-param="search"
+              :initial-search="initialFilters"
+            />
           </div>
 
           <div

resources/js/pages/Users/Index.vue

 
         <div class="grid">
           <div class="col-12 md:col-8">
-            <div class="flex align-items-center">
-              <AppSearchFilter
-                class="w-full md:w-27rem"
-                placeholder="nama, nama pengguna"
-                name-param="search"
-                :initialSearch="initialFilters"
-              />
-            </div>
+            <AppSearchFilter
+              placeholder="nama, nama pengguna"
+              name-param="search"
+              :initialSearch="initialFilters"
+            />
           </div>
 
           <div