Fix login UX: disable autocapitalization, make username case-insensitive, improve edit scroll position

pages/admin.vue

@@ -377,8 +377,11 @@ function handleEdit() {
     bibleReferences.value = [{ version: 'ESV', reference: sermon.bible_references, text: '' }]
   }
   
-  // Scroll to form
-  window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' })
+  // Scroll to form (just below the management section)
+  const formElement = document.querySelector('form')
+  if (formElement) {
+    formElement.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  }
 }
 
 async function handleDelete() {

pages/login.vue

@@ -13,13 +13,15 @@
             <label for="username" class="block text-sm font-medium text-gray-700">
               Username
             </label>
-            <input
-              id="username"
-              v-model="username"
-              type="text"
-              required
-              class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"
-            />
+          <input
+            id="username"
+            v-model="username"
+            type="text"
+            required
+            autocapitalize="none"
+            autocomplete="username"
+            class="block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"
+          />
           </div>
 
           <div>