fix: Can't add first shopping list item to shopping list (#6013)

frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue

@@ -69,7 +69,7 @@
           </div>
           <BaseButton
             v-if="listItem.labelId && listItem.food && listItem.labelId !== listItem.food.labelId"
-            size="small"
+            small
             color="info"
             :icon="$globals.icons.tagArrowRight"
             :text="$t('shopping-list.save-label')"

frontend/components/global/InputQuantity.vue

@@ -10,8 +10,9 @@
       :min="min"
       :max="max"
       type="number"
-      size="small"
       variant="plain"
+      density="compact"
+      style="width: 60px;"
     />
   </div>
 </template>

frontend/composables/shopping-list-page/sub-composables/use-shopping-list-crud.ts

@@ -150,7 +150,10 @@ export function useShoppingListCrud(
 
     loadingCounter.value += 1;
 
-    // make sure it's inserted into the end of the list, which may have been updated
+    // ensure list id is set to the current list, which may not have loaded yet in the factory
+    createListItemData.value.shoppingListId = shoppingList.value.id;
+
+    // ensure item is inserted into the end of the list, which may have been updated
     createListItemData.value.position = shoppingList.value?.listItems?.length
       ? (shoppingList.value.listItems.reduce((a, b) => (a.position || 0) > (b.position || 0) ? a : b).position || 0) + 1
       : 0;