[FEATURE] Change apply form validation and change dropzone border coloring...

[FEATURE] Change apply form validation and change dropzone border coloring only when form was validated

Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html

@@ -218,7 +218,7 @@
                     <f:translate key="frontend.apply.applyAsNow" arguments="{0: '{job.title}'}" />
                 </h2>
             </f:if>
-            <f:form action="apply" class="was-validated" id="apply" controller="Joblist" method="post" name="applyData"
+            <f:form action="apply" class="needs-validation" novalidate="novalidate" id="apply" controller="Joblist" method="post" name="applyData"
                 object="{applyData}" enctype="multipart/form-data">
                 <f:if condition="{job}">
                     <f:then>

Resources/Public/Sass/Bootstrap5/_sg-jobs.scss

-.dropzone {
+form.was-validated .dropzone {
     border-color: var(--b-form-invalid-border-color);
-    border-radius: var(--b-border-radius);
-    border-style: dashed;
 
     &.dz-started {
         border-color: var(--b-form-valid-border-color);
     }
+}
+
+.dropzone {
+    border-radius: var(--b-border-radius);
+    border-style: dashed;
 
     .dz-message {
         display: grid;