frontend: Workload pages

frontend/app/pages/login.vue

@@ -36,7 +36,7 @@ async function login() {
   <div class="max-w-sm mx-auto mt-20 p-6 bg-white shadow rounded">
     <h1 class="text-2xl font-bold mb-4">Login</h1>
 
-    <div class="space-y-4">
+    <form @submit.prevent="login" class="space-y-4">
       <input
         v-model="username"
         type="text"
@@ -52,13 +52,13 @@ async function login() {
       />
 
       <button
-        @click="login"
+        type="submit"
         class="w-full bg-blue-600 text-white p-2 rounded hover:bg-blue-700"
       >
         Login
       </button>
 
       <p v-if="error" class="text-red-600">{{ error }}</p>
-    </div>
+    </form>
   </div>
 </template>