added smooth behavior to the scrollIntoView() method

used scrollIntoView() built-in function to scroll to the recipe when it is loaded after clicking the 'Get Recipe' button

passed in the ref using forwardRef

added useRef()

ReactMarkdown package installed

now using the getRecipe function that makes the call to the API

using the ReactMarkdown package to render the recipe in a beautiful readable way

I am making a call to the Mistral API, and then passing down the state of the recipe to the ClaudeRecipe component with the recipe, and the getRecipe function to the IngredientsList so that it activates the calling to the API when clicked

added some styles to make the recipe text look better

updated .gitignore to exclude .env

removed .env from tracking

will delete the .env

Removed .env file from tracking

Ignore .env file

Ignore .env file