Upload folder using huggingface_hub

.gitattributes

@@ -48,3 +48,4 @@ client/public/fonts/SmileySans-Oblique.otf filter=lfs diff=lfs merge=lfs -text
 client/public/fonts/Lobster-Regular.ttf filter=lfs diff=lfs merge=lfs -text
 client/public/pirate-icon.png filter=lfs diff=lfs merge=lfs -text
 client/public/background/background.jpg filter=lfs diff=lfs merge=lfs -text
+client/public/background/background.png filter=lfs diff=lfs merge=lfs -text

client/src/components/Layout.tsx

@@ -170,7 +170,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   };
 
   return (
-    <div className="min-h-screen text-ui-text" style={{ backgroundImage: 'url(/background/background.jpg)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' }}>
+    <div className="min-h-screen text-ui-text" style={{ backgroundImage: 'url(/background/background.png)', backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' }}>
       {/* Top Bar */}
       <header className="sticky top-0 z-40 bg-ui-panel/80 backdrop-blur border-b border-ui-border">
         <div className="px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">