- LyricSearch: misc/field focus, validation

- Nav: further improvements

src/components/Login.jsx

@@ -101,8 +101,8 @@ export default function LoginPage() {
         <div className="flex items-start justify-center bg-gray-50 dark:bg-[#121212] px-4 pt-20 py-10">
             <div className="max-w-md w-full bg-white dark:bg-[#1E1E1E] rounded-2xl shadow-xl px-10 pb-6">
                 <h2 className="flex flex-col items-center text-3xl font-semibold text-gray-900 dark:text-white mb-8 font-sans">
-                    <img className="logo-auth mb-4" src="/images/kode.png" alt="Logo" />
-                    Authentication Required
+                    <img className="logo-auth mb-4" src="/images/zim.png" alt="Logo" />
+                    Log In
                 </h2>
 
                 <form className="space-y-6 relative" onSubmit={handleSubmit} noValidate>

src/components/LyricSearch.jsx

@@ -324,6 +324,16 @@ export function LyricSearchInputField({ id, placeholder, setShowLyrics }) {
   const statusTitle = statusLabels[inputStatus];
   const StatusIcon = statusIcons[inputStatus] || RemoveRoundedIcon;
 
+  useEffect(() => {
+    const inputEl = autoCompleteInputRef.current;
+    if (!inputEl) return;
+    if (statusTitle) {
+      inputEl.setAttribute("title", statusTitle);
+    } else {
+      inputEl.removeAttribute("title");
+    }
+  }, [statusTitle]);
+
   return (
     <div>
       <div className="lyric-search-input-wrapper">