hide default title

src/components/SideCart/SideCart.jsx

                         }}>
                           {product?.title}
                         </Typography>
+                        
+                        {(title != "Default Title") && 
                         <Typography variant="body2" sx={{
                           fontWeight: "100", fontSize: {
                             xs: "0.875rem",
                             sm: "0.875rem",
                             md: "1.1rem",
                           }
-                        }}>{`VARIANT: ${title}`}</Typography>
+                        }}>{`VARIANT: ${title}`}</Typography>}
 
                         <Box sx={{ display: "flex", alignItems: "center" }}>
 

src/pages/Cart.jsx

                     </TableCell>
 
                     <TableCell>
-                      <Typography variant='body2' sx={{ fontWeight: "bold", mb: 1 }}>{product.title}</Typography>
+                      <Typography variant='body2' sx={{ fontWeight: "bold", mb: 1 }}>{(product.title == "Default Title") ? "" : product.title} </Typography>
 
-                      {product?.collections?.nodes?.map(({ title }) => (<Typography variant='body2'>{title}</Typography>))}
+                      {product?.collections?.nodes?.map(({ title }) => (<Typography variant='body2'>{ (title == "Default Title") ? "" : title}</Typography>))}
 
                     </TableCell>
 
                     <TableCell align='center'>
-                      <Typography variant='body2' sx={{ fontWeight: "bold" }} >{title}</Typography>
+                      <Typography variant='body2' sx={{ fontWeight: "bold" }} >{ (title == "Default Title") ? "" : title}</Typography>
                     </TableCell>
 
                     <TableCell align='center'>