add primary color and splash screen

src/app/[name]/(Main)/transactions/discount/club/page.tsx

@@ -60,10 +60,7 @@ function TransactionsIndex() {
                 </div>
 
                 <div
-                    className='max-w-36 place-self-end col-span-1 h-full text-end py-4 px-5.5 flex flex-col justify-between rounded-e-normal'
-                    style={{
-                        background: 'linear-gradient(165.51deg, #000000 -8.44%, #C3C7DD 100%)',
-                    }}
+                    className='max-w-36 place-self-end col-span-1 h-full text-end py-4 px-5.5 flex flex-col justify-between rounded-e-normal bg-linear-to-br from-primary to-menu-header'
                 >
                     <p className='text-sm2 text-white leading-tight'>
                         <span className='font-normal'>Customer</span><br />

src/app/[name]/(Main)/transactions/discount/page.tsx

@@ -50,10 +50,7 @@ function TransactionsIndex() {
                 </div>
 
                 <div
-                    className='col-span-1 h-full text-end py-4 px-5.5 flex flex-col justify-between rounded-e-normal'
-                    style={{
-                        background: 'linear-gradient(165.51deg, #000000 -8.44%, #C3C7DD 100%)',
-                    }}
+                    className='col-span-1 h-full text-end py-4 px-5.5 flex flex-col justify-between rounded-e-normal bg-linear-to-br from-primary to-menu-header'
                 >
                     <p className='text-sm2 text-white leading-tight'>
                         <span className='font-medium'>Your</span><br />