fix: remove redundant Price component

app/routes/cart/route.tsx

@@ -11,6 +11,7 @@ const mockCartItem: cart.LineItem = {
     quantity: 1,
     image: 'https://static.wixstatic.com/media/c837a6_18152edaef9940ca88f446ae94b48a47~mv2.jpg/v1/fill/w_824,h_1098,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/c837a6_18152edaef9940ca88f446ae94b48a47~mv2.jpg',
     price: { formattedConvertedAmount: '$5.50' },
+    fullPrice: { formattedConvertedAmount: '$7.50' },
 };
 
 const noop = () => {};

src/components/cart/cart-item/cart-item.tsx

@@ -5,10 +5,10 @@ import { TrashIcon, ImagePlaceholderIcon, ErrorIcon } from '~/components/icons';
 import classNames from 'classnames';
 import debounce from 'lodash.debounce';
 import { useMemo, useState } from 'react';
-import { Price } from '~/components/price/price';
 
 import styles from './cart-item.module.scss';
 import { Spinner } from '~/components/spinner/spinner';
+import { ProductPrice } from '~/components/product-price/product-price';
 
 export interface CartItemProps {
     item: cart.LineItem;
@@ -62,8 +62,8 @@ export const CartItem = ({
                     <div className={styles.productNameAndPrice}>
                         <div className={styles.productName}>{productName}</div>
                         {item.fullPrice?.formattedConvertedAmount && (
-                            <Price
-                                fullPrice={item.fullPrice?.formattedConvertedAmount}
+                            <ProductPrice
+                                price={item.fullPrice?.formattedConvertedAmount}
                                 discountedPrice={item.price?.formattedConvertedAmount}
                             />
                         )}