fix: responsivity of fields and order of signup form

components/TempDesignSystem/Form/Date/date.module.css

@@ -1,4 +1,8 @@
 /* Leaving, will most likely get deleted */
+.datePicker {
+  container-name: datePickerContainer;
+  container-type: inline-size;
+}
 .container {
   display: grid;
   gap: var(--Spacing-x2);
@@ -27,3 +31,10 @@
 .year.invalid > div > div {
   border-color: var(--Scandic-Red-60);
 }
+
+@container datePickerContainer (max-width: 350px) {
+  .container {
+    display: flex;
+    flex-direction: column;
+  }
+}

components/TempDesignSystem/Form/Date/index.tsx

@@ -115,6 +115,7 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
       ref={field.ref}
       value={dateValue}
       data-testid={name}
+      className={styles.datePicker}
     >
       <Group>
         <DateInput className={styles.container}>