Fix broken continue button and validation of the onboarding import step

changelog/entries/unreleased/bug/fix_broken_onboarding_import_file_validation.json

@@ -0,0 +1,8 @@
+{
+  "type": "bug",
+  "message": "Fix broken continue button and validation of the onboarding import step.",
+  "domain": "database",
+  "issue_number": null,
+  "bullet_points": [],
+  "created_at": "2025-03-25"
+}

web-frontend/modules/core/assets/scss/components/onboarding.scss

@@ -59,7 +59,7 @@
 
 .onboarding__body {
   height: 100%;
-  margin: 40px auto;
+  margin: 40px auto 0;
   max-width: 542px;
   padding: 0 40px;
   width: 100%;
@@ -69,7 +69,7 @@
 
 .onboarding__actions {
   margin-top: auto;
-  padding-top: 20px;
+  padding: 20px 0 40px;
 }
 
 .onboarding__skip {

web-frontend/modules/database/components/onboarding/DatabaseImportStep.vue

@@ -43,12 +43,15 @@
       </ul>
     </FormGroup>
 
-    <component
-      :is="importerComponent"
-      ref="importer"
-      @data="onData($event)"
-      @getData="onGetData($event)"
-    />
+    <div class="margin-bottom-2">
+      <component
+        :is="importerComponent"
+        ref="importer"
+        @data="onData($event)"
+        @getData="onGetData($event)"
+      />
+    </div>
+
     <SimpleGrid
       v-if="dataLoaded"
       :rows="previewFileData"
@@ -118,7 +121,7 @@ export default {
     isValid() {
       return (
         !this.v$.$invalid &&
-        this.v$.$dirty &&
+        this.v$.tableName.$dirty &&
         this.getData !== null &&
         this.dataLoaded
       )