add primary color and splash screen

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

@@ -92,7 +92,7 @@ function FoodPage({ }: Props) {
                         {categoryName || '-'}
                     </div>
                     <button onClick={() => router.back()} className='p-2 rounded-full bg-container/40'>
-                        <ArrowLeft size={18} className='stroke-black' />
+                        <ArrowLeft size={18} className='stroke-primary dark:stroke-foreground' />
                     </button>
                 </div>
             </div>
@@ -103,7 +103,7 @@ function FoodPage({ }: Props) {
                         {foodName}
                     </h5>
                     <button className='p-2 bg-[#EAECF0] dark:bg-neutral-600 rounded-lg'>
-                        <Heart variant='Bold' size={24} className='fill-black dark:fill-foreground' />
+                        <Heart variant='Bold' size={24} className='fill-primary dark:fill-foreground' />
                     </button>
                 </div>
 

src/app/[name]/(Main)/order/rate/[orderId]/page.tsx

@@ -172,7 +172,7 @@ function RatingOrderIndex({ }: Props) {
                                 title: 'text-sm2! font-normal mt-1',
                                 header: 'rounded-lg h-7! w-full',
                                 headerActive: 'bg-white',
-                                titleActive: 'text-black'
+                                titleActive: 'text-primary'
                             }}>
                             <TabHeader title={t("Tabs.Weeknesses.Title")} viewRenderer={badPoitns()}></TabHeader>
                             <TabHeader title={t("Tabs.Strengths.Title")} viewRenderer={goodPoitns()}></TabHeader>

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 />