fix: accessibility issues with form ids

src/components/Order/OrderMainContent.vue

@@ -108,7 +108,7 @@
                     <input
                       v-model="listItem.active"
                       type="checkbox"
-                      :id="`order-${instruction.key}-checkbox`"
+                      :id="`order-${instruction.key}-checkbox-${i}`"
                     />
                     &nbsp;
                     <b>{{ t(`order.${instruction.key}.bold`, [i + 1]) }}</b>

src/components/Order/OrderRowCheckbox.vue

@@ -1,6 +1,10 @@
 <template>
   <label class="order-instruction-checkbox">
-    <input type="checkbox" v-model="instructionObject.active" />
+    <input
+      type="checkbox"
+      v-model="instructionObject.active"
+      :id="`instruction-checkbox-${instructionObject.name}`"
+    />
     <div class="checkmark" :class="{ dark: store.orderDarkMode }"></div>
     <div class="text">{{ instructionObject.name }}</div>
   </label>