Fix: Actualizar sintaxis de componentes Nuxt UI v4 y corregir errores de TypeScript

- Actualizar UModal para usar v-model:open en lugar de v-model
- Envolver contenido de UModal en slot #content según nueva sintaxis
- Corregir tipos en CameraCapture: agregar verificación de objeto antes de spread
- Cambiar tipo de retorno de getAppIconUrl de null a undefined
- Comentar capture_links en manifest PWA (propiedad experimental no soportada en tipos)
- Resolver todos los errores de TypeScript y warnings de hidratación

Errores corregidos:
- TS2353: width no existe en tipo ui de UModal
- TS2698: Spread types solo de tipos objeto
- TS18048: camera posiblemente undefined
- TS2322: null no asignable a undefined
- TS2353: capture_links no existe en ManifestOptions

nuxt4/app/components/UserProfileForm.vue

@@ -287,22 +287,24 @@
     </form>
 
     <!-- Modal de cámara -->
-    <UModal v-model="showCamera" :ui="{ width: 'max-w-3xl' }">
-      <div class="camera-modal">
-        <div class="modal-header">
-          <h3 class="modal-title">
-            <UIcon name="i-heroicons-camera" class="w-6 h-6" />
-            Tomar foto de perfil
-          </h3>
-        </div>
+    <UModal v-model:open="showCamera">
+      <template #content>
+        <div class="camera-modal max-w-3xl mx-auto">
+          <div class="modal-header">
+            <h3 class="modal-title">
+              <UIcon name="i-heroicons-camera" class="w-6 h-6" />
+              Tomar foto de perfil
+            </h3>
+          </div>
 
-        <div class="modal-content">
-          <CameraCapture
-            @capture="handleAvatarCapture"
-            @cancel="showCamera = false"
-          />
+          <div class="modal-content">
+            <CameraCapture
+              @capture="handleAvatarCapture"
+              @cancel="showCamera = false"
+            />
+          </div>
         </div>
-      </div>
+      </template>
     </UModal>
   </div>
 </template>