Upload folder using huggingface_hub

.gitattributes

@@ -47,3 +47,4 @@ client/public/favicon-512x512.png filter=lfs diff=lfs merge=lfs -text
 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/src/components/Layout.tsx

@@ -170,11 +170,11 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   };
 
   return (
-    <div className="min-h-screen bg-ui-bg text-ui-text">
+    <div className="min-h-screen text-ui-text" style={{ backgroundImage: 'url(/background/background.jpg)', 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">
-          <Link to="/dashboard" className="text-[1.6rem] font-bold text-ui-text flex items-center ml-2 hover:text-ui-text" style={{ fontFamily: 'Lobster, Inter, system-ui, sans-serif' }}>
+          <Link to="/dashboard" className="text-[1.6rem] font-bold text-ui-text flex items-center -ml-4 hover:text-ui-text" style={{ fontFamily: 'Lobster, Inter, system-ui, sans-serif' }}>
             <img src="/favicon-512x512.png" alt="logo" className="h-8 w-8 mr-2" />
             TransHub
           </Link>

client/src/pages/Dashboard.tsx

@@ -50,14 +50,14 @@ const Dashboard: React.FC = () => {
   const quickActions = [
     {
       name: 'Tutorial Tasks',
-      description: 'Complete weekly tutorial tasks',
+      description: 'Complete weekly tasks',
       href: '/tutorial-tasks',
       icon: AcademicCapIcon,
       color: 'bg-blue-500'
     },
     {
       name: 'Weekly Practice',
-      description: 'Practice with weekly examples',
+      description: 'Practice with examples',
       href: '/weekly-practice',
       icon: BookOpenIcon,
       color: 'bg-green-500'
@@ -71,7 +71,7 @@ const Dashboard: React.FC = () => {
     },
     {
       name: 'Toolkit',
-      description: 'Use evaluation and reference tools',
+      description: 'Evaluation and reference tools',
       href: '/toolkit',
       icon: ChartBarIcon,
       color: 'bg-indigo-500'
@@ -85,7 +85,7 @@ const Dashboard: React.FC = () => {
     },
     {
       name: 'Feedback',
-      description: 'Send feature requests and issues',
+      description: 'Send requests and issues',
       href: '/feedback',
       icon: DocumentTextIcon,
       color: 'bg-rose-500'