Filter, Sort and Search Recipes + User Feed concurrent display of recipes

[BlessedLongsword]

When the user is not logged in, they will see only 9 recipes:

If they scroll to the bottom, they will see this message:

And each button redirects to the corresponding page. When the user logs in now, they see this:

They can now click their profile image to go to their profile or, alternatively, can use the contextual dropdown menu when clicking on their username:

Typing in the search bar will dynamically filter recipes by name, following the backend model, where not only recipe titles are factored in, but also usernames of the creators and recipe ingredients:

clicking the filter funnel will prompt an off canvas where the user can select different filters:

When apply is clicked the filters are saved in the local storage and applied to the search, using the magic endpoint in the backend. Then, these filters appear as pills before the recipes list:

The condition for these pills to appear or not is based on the default filters, if any match the default corresponding filter, it will not be displayed. This is an exception with the ascending/descending filter, which is tied to the sort_by filter, and thus its visibility will depend on it. You can change the ascending/descending order or outright remove a filter using the icon on the left. This will update the recipes list and the local storage.

The clear filters button is used to restore to default values.

Last but not least, now recipes are retrieved dynamically, when reaching the end of the list, more list will be loaded, except if there are no more recipes left to retrieve.

If the user logs out, the recipes list changes to the previously mentioned one, where only 9 recipes sorted by rating appear.

[BlessedLongsword]

Regarding the responsiveness of the new features, it's not very responsive. Apologies.

[xvxnoah]

Looks amazing to me, checks all acceptance criteria, and exceeded my expectations. Good job! 😎