fix(login): align HTML element IDs with Robot Framework selectors

- Rename password input id from 'password' to 'password-input'
- Rename login button id from 'login-button' to 'login-submit-btn'
- Update JS references to match new IDs
- Remove completed Task 15 from Docs/tasks.md

src/server/web/templates/login.html

@@ -229,7 +229,7 @@
                     <div class="password-input-group">
                         <input 
                             type="password" 
-                            id="password" 
+                                                    id="password-input" 
                             name="password" 
                             class="password-input" 
                             placeholder="Enter your password"
@@ -244,7 +244,7 @@
                 
                 <div id="message-container"></div>
                 
-                <button type="submit" class="login-button" id="login-button">
+                <button type="submit" class="login-button" id="login-submit-btn">
                     <i class="fas fa-sign-in-alt"></i>
                     <span>Login</span>
                 </button>
@@ -285,7 +285,7 @@
         
         // Password visibility toggle
         const passwordToggle = document.getElementById('password-toggle');
-        const passwordInput = document.getElementById('password');
+                const passwordInput = document.getElementById('password-input');
         
         passwordToggle.addEventListener('click', () => {
             const type = passwordInput.getAttribute('type');
@@ -298,7 +298,7 @@
         
         // Form submission
         const loginForm = document.getElementById('login-form');
-        const loginButton = document.getElementById('login-button');
+                const loginButton = document.getElementById('login-submit-btn');
         const messageContainer = document.getElementById('message-container');
         
         loginForm.addEventListener('submit', async (e) => {