improve artist premium trial form validation error message

pages/shop/try/artist-premium.vue

@@ -328,11 +328,15 @@
                 </div>
 
                 <p class="text-center no-credit-card">
-                  Aucune carte de crédit requise. En cliquant sur "Commencer Mon
+                  Aucune carte de crédit requise. En cliquant sur "Commencer mon
                   essai de 30 jours", vous acceptez de démarrer votre période
                   d'essai gratuit.
                 </p>
 
+                <div v-if="validationError" class="error">
+                  Des champs du formulaire sont invalides ou manquants.
+                </div>
+
                 <div v-if="errorMsg" class="error">
                   {{ errorMsg }}
                 </div>
@@ -565,6 +569,7 @@ const validateSubdomainAvailability = (value: string) => {
 // Form state
 const trialRequestSent: Ref<boolean> = ref(false)
 const errorMsg: Ref<string | null> = ref(null)
+const validationError: Ref<boolean> = ref(false)
 // Reference to the phone input component
 const phoneInput = ref(null)
 
@@ -573,9 +578,12 @@ const submit = async (): Promise<void> => {
   const { valid } = await form.value!.validate()
 
   if (!valid) {
+    validationError.value = true
     return
   }
 
+  validationError.value = false
+
   // Convert phone number to international format before submission
   if (phoneInput.value) {
     trialRequest.representativePhone = convertPhoneNumberToInternationalFormat(