Add logo to header

In the header, added a logo image aligned top-left and kept it clickable, with layout updated to show logo on the left and navigation on the right.

X-Lovable-Edit-ID: edt-191ce35c-fe0c-4aa6-978a-da0d0c665843

src/components/Header.tsx

@@ -1,7 +1,16 @@
+import logoImage from "@/assets/logo.png";
+
 const Header = () => {
   return (
     <header className="fixed top-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-sm border-b border-border">
-      <div className="px-6 py-4 flex items-center justify-end">
+      <div className="px-6 py-3 flex items-center justify-between">
+        <a href="#" className="flex items-center">
+          <img 
+            src={logoImage} 
+            alt="Lennart Svensson Konditorivaror" 
+            className="h-10 w-auto"
+          />
+        </a>
         
         <nav className="hidden md:flex items-center gap-4 text-sm">
           <a href="#plans" className="bg-primary text-primary-foreground px-4 py-2 rounded-sm hover:bg-primary/90 transition-colors">