fix: border color of dark mode

src/components/Layout/ProductsMenu.tsx

@@ -55,7 +55,7 @@ export default function ProductsMenu({
         {productsData.map((product) => (
           <Stack
             key={product.id}
-            direction="row"
+            direction="row-reverse"
             spacing={2}
             alignItems="center"
             width="100%"

src/components/Layout/Toolbar.tsx

@@ -37,7 +37,7 @@ export const Toolbar: React.FC<ToolbarProps> = ({
         height: (t) => t.spacing(isMobile ? 8 : 10.5),
         bgcolor: 'background.paper',
         px: isMobile ? 3 : 2,
-        borderBottom: (t) => `1px solid ${t.palette.divider}`,
+        borderBottom: `1px solid var(--mui-palette-divider)`,
         boxSizing: 'content-box',
         display: 'flex',
         alignItems: 'center',