refactor(FE): Update purchase search input UI

src/components/pages/purchase/PurchaseTable.tsx

@@ -416,11 +416,21 @@ const PurchaseTable = () => {
 
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Pembelian'
+              placeholder='Search'
               value={tableFilterState.search}
               onChange={searchChangeHandler}
+              startAdornment={
+                <Icon
+                  icon='heroicons:magnifying-glass'
+                  width={20}
+                  height={20}
+                />
+              }
               className={{
-                wrapper: 'sm:max-w-3xs',
+                wrapper: 'w-full min-w-24 max-w-3xs',
+                inputWrapper: 'rounded-xl! shadow-button-soft',
+                input:
+                  'placeholder:font-semibold placeholder:text-base-content/50',
               }}
             />
           </div>