fix: ingredient item should be single-line (#2521)

This is an issue on non-chromium browsers. I guess Chromium has some sort of support for nested CSS, whereas other browsers don't.

frontend/components/Domain/Recipe/RecipeIngredientListItem.vue

@@ -40,7 +40,7 @@ export default defineComponent({
   },
 });
 </script>
-<style>
+<style lang="scss">
 .ingredient-item {
   .d-inline {
     & > p {