Update frontend components for accessibility and functionality improvements

- Modified docker-compose.dev.yml to conditionally run npm install based on the presence of package-lock.json.
- Upgraded Nuxt version in package-lock.json from 3.21.1 to 4.3.1 for enhanced features.
- Enhanced ConfirmModal component with aria-modal attribute for better accessibility.
- Updated MapErrorBoundary component's error message for clarity.
- Added role and aria-label attributes to MapView and MapSearch components for improved screen reader support.
- Refactored various components to manage focus behavior on modal close, enhancing user experience.
- Improved ToastContainer styling for better responsiveness and visibility.
- Updated layout components to include skip navigation links for improved accessibility.

frontend-nuxt/pages/profile.vue

@@ -48,6 +48,8 @@
                   placeholder="email@example.com"
                   class="input input-bordered input-sm w-full max-w-xs"
                   autocomplete="email"
+                  :aria-describedby="emailError ? 'profile-email-error' : undefined"
+                  :aria-invalid="!!emailError"
                 >
                 <button type="submit" class="btn btn-primary btn-sm" :disabled="loadingEmail">
                   {{ loadingEmail ? '…' : 'Save' }}
@@ -55,7 +57,7 @@
                 <button type="button" class="btn btn-ghost btn-sm" :disabled="loadingEmail" @click="cancelEditEmail">
                   Cancel
                 </button>
-                <p v-if="emailError" class="text-error text-sm w-full">{{ emailError }}</p>
+                <p v-if="emailError" id="profile-email-error" class="text-error text-sm w-full" role="alert">{{ emailError }}</p>
               </form>
             </div>
           </div>
@@ -130,6 +132,8 @@
 <script setup lang="ts">
 import type { MeResponse } from '~/types/api'
 
+useHead({ title: 'Profile – HnH Map' })
+
 const api = useMapApi()
 const toast = useToast()
 const initialLoad = ref(true)