From 51c0bfaeaf237ab176e29b0296842824e913a0e3 Mon Sep 17 00:00:00 2001
From: Agent Zero <agent@classroomcopilot.ai>
Date: Thu, 26 Feb 2026 07:38:05 +0000
Subject: [PATCH] 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         | 2 +-
 src/pages/NotFoundPublic.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Header.tsx b/src/pages/Header.tsx
index 38a726e..60c151f 100644
--- a/src/pages/Header.tsx
+++ b/src/pages/Header.tsx
@@ -153,7 +153,7 @@ const Header: React.FC = () => {
               }
             }}
           >
-            <Menu />
+            <MenuIcon />
           </IconButton>
 
           <Menu
diff --git a/src/pages/NotFoundPublic.tsx b/src/pages/NotFoundPublic.tsx
index 6f510ef..f4b7459 100644
--- a/src/pages/NotFoundPublic.tsx
+++ b/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>