fix: correct MUI icon usage in Header and NotFoundPublic

- Header.tsx: Use <MenuIcon /> instead of <Menu /> component
- NotFoundPublic.tsx: Use <ErrorOutlineIcon /> instead of <ErrorOutline />

Resolves: Menu open prop error and ErrorOutline undefined error

src/pages/Header.tsx

@@ -153,7 +153,7 @@ const Header: React.FC = () => {
               }
             }}
           >
-            <Menu />
+            <MenuIcon />
           </IconButton>
 
           <Menu

src/pages/NotFoundPublic.tsx

@@ -25,7 +25,7 @@ function NotFoundPublic() {
                     gap: 3
                 }}
             >
-                <ErrorOutline sx={{ fontSize: 60, color: theme.palette.error.main }} />
+                <ErrorOutlineIcon sx={{ fontSize: 60, color: theme.palette.error.main }} />
                 <Typography variant="h2" component="h1" gutterBottom>
                     404
                 </Typography>