Add a reusable modal component for all pages that require them

[nashirj]

https://medium.com/js-dojo/how-to-build-a-reusable-vuejs-modal-component-fc8d7f3b4735

We need a reusable modal that we can inherit from/modify for:

• [x] Ingredient preview
• [x] Add ingredient
• [ ] Recipe preview
• [ ] Missing ingredients in recipe page
• [ ] Add ingredients to shopping list from recipe page
• [ ] Add ingredients to shopping list from shopping list page
• [ ] X clicked on shopping list item
• [ ] check mark clicked on shopping list item

[nashirj]

https://stackoverflow.com/questions/71608847/open-a-modal-from-a-button-in-another-component-vue-js