chore: change style of PriceUnit

Author: pooriaset

src/app/[locale]/(main)/(container)/cart/page.tsx

@@ -180,6 +180,7 @@ const Page = () => {
           value={cart.discountTotal}
           TypographyProps={{
             fontWeight: 600,
+            color: 'error',
           }}
         />
       ),

src/components/common/PriceLabel.tsx

@@ -28,7 +28,7 @@ const PriceLabel: FC<PriceLabelProps> = ({
   return (
     <Box display="flex" alignItems="center">
       <Typography {...TypographyProps}>{_value?.toLocaleString()}</Typography>
-      <PriceUnit title={t('units.price')} />
+      <PriceUnit title={t('units.price')} TypographyProps={TypographyProps} />
     </Box>
   );
 };

src/components/common/PriceUnit.tsx

@@ -1,13 +1,16 @@
-import { Typography } from '@mui/material';
+import { Typography, TypographyProps } from '@mui/material';
 import { FC } from 'react';
 
 export interface PriceUnitProps {
   title: string;
+  TypographyProps?: Partial<TypographyProps>;
 }
-const PriceUnit: FC<PriceUnitProps> = ({ title }) => {
+const PriceUnit: FC<PriceUnitProps> = ({ title, TypographyProps }) => {
   return (
     <Typography
+      {...TypographyProps}
       sx={{
+        ...TypographyProps?.sx,
         fontSize: 10,
         fontWeight: 400,
         userSelect: 'none',