Paginationnumber

[waelhanfi04]

Summary of Changes

This pull request introduces a modification to the maxButtonsPerPage logic in response to changes in the window's width of token info page. The setMaxButtonsPerPage method has been updated to dynamically adjust the maxButtonsPerPage value based on the screen width, ensuring a more responsive user experience.

Details of Changes

Code Modifications

1. Added an @HostListener to the window's resize event to trigger the setMaxButtonsPerPage method whenever the window is resized.

@HostListener('window:resize', ['$event'])
onResize(event: Event): void {
  this.setMaxButtonsPerPage();
}

2. Updated the setMaxButtonsPerPage method to calculate the maxButtonsPerPage value based on the screen width. The logic is as follows:
   • If the screen width is less than or equal to 530px, maxButtonsPerPage is set to 5.
   • If the screen width is between 531px and 768px, maxButtonsPerPage is set to 10.
   • If the screen width is between 769px and 992px, maxButtonsPerPage is set to 15.
   • If the screen width is greater than 992px, maxButtonsPerPage is set to 20.

## Testing

The changes have been tested to ensure that the `maxButtonsPerPage` value is correctly updated when the window is resized, and that it aligns with the specified screen width breakpoints.

## Impact

This modification enhances the responsiveness of the `maxButtonsPerPage` behavior, providing a better user experience by adjusting the number of visible buttons based on the screen size.

Please review and merge this pull request to incorporate these improvements into the codebase.

Thank you!