add scroll functionality

[kelvinSeamount]

What

This pull request brings about the functionality where the user inputs a query and the API results is display and set 5 items per page and pagination option with smooth scroll functionality.
I had to refactored the code as i was not able to use (.then promises).

Closes #86

[futurefounder]

Hi Emeka,
thanks for your effort on this pretty tough task, some things are working, but some things aren't.
I see the following issue:

Card components not displaying correctly

The Card components are

• Missing the tags
• Missing the View recipe button
• Aligned with only one card per line
• Text "Showing page 1 of x" does not add value and is displayed during the loading, can be taken out
• Then for loading you replaced the loading spinner from DaisyUI with the text 'Loading' is there a reaosn for that? If not, I would recomment staying with the Loading spinner from DaisyUI

If the result component are shown correctly on your local machine, please add a screenshot of the expected behaviour.

That's it, thanks again!

[futurefounder]

I created a propesed fix for the cards being wrongly styled and tags being wrongly displayed issue. Nevertheless the way in which the cards are displayed and the state of the search query being lost are not optimal for UX, which is why I would not merge into development at this stage.

Still, great attempt and we nearly got there!