home-page functionality, and some design tweaks

app/pages/auth/forgot-password.vue

@@ -57,7 +57,7 @@ async function handleResetRequest() {
 
             <div
                 class="w-full max-w-md bg-white dark:bg-gray-900 rounded-xl shadow-lg p-8 border dark:border-gray-800 transition-colors">
-                <h1 class="text-3xl font-bold text-gray-800 dark:text-gray-100! mb-8 text-center">Reset Password</h1>
+                <h1 class="text-3xl font-bold text-gray-800 dark:text-gray-100 mb-8 text-center">Reset Password</h1>
 
                 <form class="space-y-6" @submit.prevent="handleResetRequest">
                     <div>
@@ -69,7 +69,7 @@ async function handleResetRequest() {
                             'w-full px-4 py-2.5 bg-gray-50 dark:bg-gray-800 border rounded-lg focus:ring-2 focus:ring-blue-500 outline-none transition-all text-gray-900 dark:text-white',
                             error ? 'border-red-500 ring-1 ring-red-500' : 'border-gray-200 dark:border-gray-700'
                         ]" placeholder="[email protected]">
-                        <p v-if="error" class="mt-1.5 text-xs text-red-500! ml-1 font-medium">{{ error }}</p>
+                        <p v-if="error" class="mt-1.5 text-xs text-red-500 ml-1 font-medium">{{ error }}</p>
                     </div>
 
                     <div class="flex flex-col items-center gap-4 pt-2">
@@ -87,4 +87,4 @@ async function handleResetRequest() {
             </div>
         </Transition>
     </div>
-</template>
+</template>