refactor: convert border-ul class values to tailwind

src/features/zap/components/zap-pay-request-form.tsx

@@ -76,7 +76,7 @@ const ZapPayRequestForm = ({ account, status }: IZapPayRequestForm) => {
       <div className='flex justify-center'>
         <Input
           type='text' onChange={handleCustomAmount} value={zapAmount}
-          className='border-ul max-w-28 border-neutral-200 p-0.5 text-center !text-2xl font-bold outline-none focus:ring-0 dark:bg-transparent'
+          className='box-shadow:none max-w-28 rounded-none border-0 border-b-8 p-0.5 text-center !text-2xl font-bold !ring-0 dark:bg-transparent'
         />
       </div>
 

src/styles/tailwind.css

@@ -53,11 +53,4 @@
     );
   }
 
-  .border-ul {
-    border: none;
-    border-radius: 0;
-    border-bottom: .25rem solid rgb(var(--color-gray-500) / var(--tw-border-opacity));
-    box-shadow: none;
-  }
-
 }