chore(config): move API keys to environment variables

Author: Moham-med-Farhaan

.env.example

@@ -12,6 +12,8 @@ REACT_APP_ACTIVITY_ID=hackrplay
 REACT_APP_DADJOKES_URL=https://jokeapi-v2.p.rapidapi.com/joke/
 REACT_APP_DADJOKES_APIKEY=your_rapidapi_key_here
 REACT_APP_DADJOKES_APIHOST='jokeapi-v2.p.rapidapi.com'
+REACT_APP_APP_EDAMAM_KEY=your_edamam_api_key
+REACT_APP_APP_EDAMAM_ID=your_edamam_app_id
 
 # Add your API keys below:
 # REACT_APP_SEARCH_APIKEY=your_search_api_key

src/plays/pantry-alchemy/IngredientSearch.js

@@ -10,8 +10,8 @@ export default function IngredientAutocomplete({ onSubmit }) {
   const [loading, setLoading] = useState(false);
   const [recipeLoading, setRecipeLoading] = useState(false);
   const [recipes, setRecipes] = useState([]);
-  const appId = '65a07d9b';
-  const appKey = '614cce709d8bbd26d92c35013e5d7861';
+  const appId = process.env.REACT_APP_APP_EDAMAM_ID;
+  const appKey = process.env.REACT_APP_APP_EDAMAM_KEY;
 
   async function searchRecipe(ingredientsArray) {
     // Join array of ingredients: ['chicken', 'garlic', 'spinach'] -> "chicken garlic spinach"