added no ingredients found message if api can't find any ingredients

src/pages/home/components/SearchBar.js

@@ -20,7 +20,12 @@ function SearchBar(props) {
         };
         
         axios.request(options).then(function (response) {
+            console.log(response.data.length)
+            if (response.data.length === 0) {
+                setSuggestions(["No ingredients found"]);
+            } else {
                 setSuggestions(response.data.map(result => result.name))
+            }
         }).catch(function (error) {
             console.error(error);
         });