Events Pagination fix

[bernardhanna]

This pull request addresses an issue in Pagination.vue flagged by Paula, where pagination buttons were not functioning as expected. The original code used an outdated event emission method (this.$dispatch('paginate')), which has been updated to the correct Vue.js method (this.$emit('paginate', page)).

Changes Made:

• Replaced this.$dispatch('paginate') with this.$emit('paginate', page) in the changePage method.
• Enhanced changePage logic to handle edge cases where the page number is out of bounds.
• Refactored the code for better readability and formatting.

Impact:

• Pagination buttons now emit the correct events, enabling the parent component to handle page changes properly.
• Improved user experience during pagination.

Testing:

• Manually tested to confirm correct event emission and parent component response.
• Verified that the pagination component renders and functions as expected.