feat: search results pagination

[mohannadzidan]

This PR will add pagination buttons to search results to show more search results

closes #357, and closes #292

[henriqueleite42]

Closes #369

[zamitto]

Please, always add a screenshot when your PR is releated to UI stuff.

[mohannadzidan]

new translation keys are required for next_page and last_page

[piradata]

Could you please add the translation for en at least as it is the default fallback? The others can be added later.

LGTM overall, nice work :)

[piradata]

@mohannadzidan u can use it actually

the only problem is that this file uses const { t } = useTranslation("home"); instead of const { t } = useTranslation("catalogue"); 😅

[mohannadzidan]

I have updated the code to use next_page, previous_page keys from the catalogue namespace

[mohannadzidan]

@zamitto hey, this feature is ready to merge, can you please review the code?

[piradata]

hey @mohannadzidan , need some help here?

[mohannadzidan]

Hello @piradata and @zamitto

I've implemented the changes requested in the previous review:

1. Moved pagination inlined styles to home.css for better separation of concerns.
2. Updated the searchGames function signature for improved clarity and reusability.
3. Added functionality to disable the "next" button when there are no more results to prevent unexpected behavior.

Please take another look at the code and let me know if everything looks good or if you have any further suggestions. Thanks!

[piradata]

@zamitto what do you think on this one?

[piradata]

@zamitto is this one stil relevant?

[zamitto]

@zamitto is this one stil relevant?

Not anymore, we moved the search to our api We might eventually add pagination to it But, as now the results are much more relevant and gives what the user is search for, pagination is not a top priority right now