cart summary ui in base plan

src/app/[name]/(Dialogs)/cart/components/CartSummary.tsx

@@ -87,7 +87,11 @@ const CartSummary = ({ isPremium }: CartSummaryProps) => {
             <div className='flex justify-between items-center gap-4'>
               <div className='flex flex-col'>
                 <div className='text-xs text-gray-400 dark:text-disabled-text'>{t('PayableAmountLabel')}</div>
-                <div className='text-sm mt-2 font-semibold dark:text-foreground'>{formatPrice(totalPrice)} تومان</div>
+                {
+                  isPremium &&
+                  <div className='text-sm mt-2 font-semibold dark:text-foreground'>{formatPrice(totalPrice)} تومان</div>
+
+                }
               </div>
 
               {isPremium && (
@@ -105,6 +109,9 @@ const CartSummary = ({ isPremium }: CartSummaryProps) => {
                   <Button className='w-fit! px-10 dark:bg-white dark:text-black! dark:hover:bg-gray-100'>{t('ButtonCheckout')}</Button>
                 </Link>
               )}
+              {!isPremium && (
+                <div className='text-sm mt-2 font-semibold dark:text-foreground'>{formatPrice(totalPrice)} تومان</div>
+              )}
             </div>
           </div>
         </>

src/app/[name]/(Profile)/profile/address/new/components/AddressDetailsModal.tsx

@@ -56,7 +56,7 @@ export const AddressDetailsModal = ({
                                     e.preventDefault();
                                     onChangePosition();
                                 }}
-                                className='!bg-background !w-fit !text-foreground flex items-center gap-2 text-xs'
+                                className='bg-background! w-fit! text-foreground! flex items-center gap-2 text-xs'
                                 disabled={isPending}
                             >
                                 <Location color='#6b7280' variant='Bold' className='size-4' />