Update frontend/src/components/AppHeader.jsx

frontend/src/components/AppHeader.jsx

@@ -1,5 +1,6 @@
 // frontend/src/components/AppHeader.jsx
 import React from "react";
+import dojoLogo from "/dojo-logo.png"; // <-- important: import from public
 
 export default function AppHeader({ title, subtitle, right }) {
   return (
@@ -7,7 +8,7 @@ export default function AppHeader({ title, subtitle, right }) {
       <div className="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between gap-4">
         <div className="flex items-center gap-3 min-w-0">
           <img
-            src="/dojo-logo.png"
+            src={dojoLogo}
             alt="Karate Dojo logo"
             className="h-8 w-8 rounded-full border border-slate-200 object-contain bg-white"
           />