Update frontend/src/components/AppHeader.jsx

frontend/src/components/AppHeader.jsx

@@ -1,6 +1,6 @@
 // frontend/src/components/AppHeader.jsx
 import React from "react";
-import dojoLogo from "/dojo-logo.png"; // <-- important: import from public
+import dojoLogo from "../assets/dojo-logo.png"; // bundled via Vite
 
 export default function AppHeader({ title, subtitle, right }) {
   return (
@@ -9,8 +9,8 @@ export default function AppHeader({ title, subtitle, right }) {
         <div className="flex items-center gap-3 min-w-0">
           <img
             src={dojoLogo}
-            alt="Karate Dojo logo"
-            className="h-8 w-8 rounded-full border border-slate-200 object-contain bg-white"
+            alt="Dojo logo"
+            className="h-8 w-8 rounded-full border border-slate-200 bg-white object-cover"
           />
           <div className="min-w-0">
             <div className="text-sm font-semibold tracking-tight truncate">
@@ -23,7 +23,6 @@ export default function AppHeader({ title, subtitle, right }) {
             )}
           </div>
         </div>
-
         {right && (
           <div className="flex items-center gap-3 shrink-0">
             {right}