Fix Product Page Scrollbar

01-frontend/public/locales/en/translation.json

@@ -69,7 +69,7 @@
   "previousOrder": "Previous order",
   "price": "Price",
   "pricePerItem": "Price per item",
-  "productDoesNotExist": "It seems you are locking for a product that doesn't exist or has been removed.",
+  "productDoesNotExist": "It seems you are looking for a product that doesn't exist or has been removed.",
   "productNotFound": "Product not found!",
   "quantity": "Quantity",
   "rateThisProduct": "Rate this product",

01-frontend/src/helper/adminpanel/OrdersInfo.tsx

@@ -79,7 +79,7 @@ const Column: React.FC<PropsWithChildren<{ status: OrderStatusEnum; onDrop: (id:
     }));
 
     return (
-        <div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 3, minHeight: 200 }}>
+        <div ref={drop} style={{ flex: 1, backgroundColor: isOver ? theme.palette.background.paper : 'transparent', padding: 1, minHeight: 200 }}>
             <Card>
                 <CardContent>
                     <Typography variant="h6">{t(status)}</Typography>

01-frontend/src/helper/productpage/RatingCard.tsx

@@ -23,6 +23,7 @@ export default function RatingCard(ratingType: RatingType) {
             sx={{
                 backgroundColor: theme.palette.background.paper,
                 color: theme.palette.text.primary,
+                mb: 3
             }}
         >
             <Card

01-frontend/src/pages/Product.tsx

@@ -37,6 +37,7 @@ export default function Product() {
                     backgroundColor: theme.palette.background.default,
                     color: theme.palette.text.primary,
                     gap: '2rem',
+                    overflow: 'auto',
                     px: 2,
                 }}
             >
@@ -63,8 +64,10 @@ export default function Product() {
             sx={{
                 backgroundColor: theme.palette.background.default,
                 color: theme.palette.text.primary,
-                minHeight: '100vh',
-                py: 4,
+                height: '100vh',
+                overflow: 'auto',
+                pt: 4,
+                pb: 10,
             }}
         >
             <Container maxWidth="lg">