feat: make logo clickable to reset inputs and reload page

src/lib/i18n.tsx

@@ -77,6 +77,7 @@ const translations = {
     // Download
     selectTitleFirst: 'Zuerst Titel auswählen',
     downloadZipBtn: 'ZIP herunterladen',
+    startOver: 'Neu starten',
   },
   en: {
     appTitle: 'MelodyMuse',
@@ -152,6 +153,7 @@ const translations = {
     // Download
     selectTitleFirst: 'Select a title first',
     downloadZipBtn: 'Download ZIP',
+    startOver: 'Start over',
   }
 };
 

src/pages/HomePage.tsx

@@ -371,12 +371,19 @@ export function HomePage() {
       <header className="shrink-0 z-30 sticky top-0 bg-bg-card/70 backdrop-blur-md border-b border-border shadow-sm">
         <div className="max-w-screen-2xl mx-auto px-4 sm:px-6 h-12 flex items-center justify-between">
           {/* Logo */}
-          <div className="flex items-center gap-2.5">
+          <button 
+            className="flex items-center gap-2.5 cursor-pointer hover:opacity-80 transition-opacity"
+            onClick={() => {
+              window.localStorage.removeItem(DRAFT_KEY);
+              window.location.reload();
+            }}
+            title={t.startOver}
+          >
             <MusicBarsLogo />
             <span className="text-sm font-extrabold gradient-text-animated tracking-tight">
               MelodyMuse
             </span>
-          </div>
+          </button>
 
           {/* Right controls */}
           <div className="flex items-center gap-4">