fix: general bug fixes (#1547)

* grouped "instructions" header with first section

* fixed sort by last updated date

* somewhat-hacky bugfix for large screens

* modified page size to be divisible by 4

* fixed missing export for new data forms

frontend/pages/group/data/foods.vue

@@ -92,7 +92,7 @@
       @submit="editSaveFood"
     >
       <v-card-text v-if="editTarget">
-        <v-form ref="domNewFoodForm">
+        <v-form ref="domEditFoodForm">
           <v-text-field v-model="editTarget.name" label="Name" :rules="[validators.required]"></v-text-field>
           <v-text-field v-model="editTarget.description" label="Description"></v-text-field>
           <v-autocomplete
@@ -324,6 +324,7 @@ export default defineComponent({
       validators,
       // Create
       createDialog,
+      domNewFoodForm,
       createEventHandler,
       createFood,
       createTarget,

frontend/pages/group/data/units.vue

@@ -55,7 +55,7 @@
       @submit="editSaveUnit"
     >
       <v-card-text v-if="editTarget">
-        <v-form ref="domCreateUnitForm">
+        <v-form ref="domEditUnitForm">
           <v-text-field v-model="editTarget.name" label="Name" :rules="[validators.required]"></v-text-field>
           <v-text-field v-model="editTarget.abbreviation" label="Abbreviation"></v-text-field>
           <v-text-field v-model="editTarget.description" label="Description"></v-text-field>
@@ -329,6 +329,7 @@ export default defineComponent({
       validators,
       // Create
       createDialog,
+      domNewUnitForm,
       createEventHandler,
       createUnit,
       createTarget,