Update frontend/src/Layout.jsx

frontend/src/Layout.jsx

@@ -11,6 +11,11 @@ import {
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 
+// Import logo - Vite will process this and handle the path correctly
+// For production, the logo should be in frontend/public/logo.png
+// Vite will copy it to dist/logo.png during build
+const logoPath = "/logo.png";
+
 export default function Layout({ children, currentPageName }) {
   const [collapsed, setCollapsed] = useState(false);
 
@@ -38,9 +43,13 @@ export default function Layout({ children, currentPageName }) {
           <Link to={createPageUrl("Dashboard")} className="flex items-center gap-3">
             <div className="h-9 w-9 flex items-center justify-center flex-shrink-0">
               <img 
-                src="/logo.png" 
+                src={logoPath}
                 alt="EZOFIS AI Logo" 
                 className="h-full w-full object-contain"
+                onError={(e) => {
+                  // Fallback: hide image and show placeholder if logo not found
+                  e.target.style.display = 'none';
+                }}
               />
             </div>
             {!collapsed && (