Updated the pagination

[dikshashukla455]

Issue Number

fixes #195

Describe the changes you've made

I had made pagination arrows disable/hidden along with their text ('prev' and 'next') when the pagination is not needed.

Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

N/A

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• The title of my pull request is a short description of the requested changes.

Provide a Deployed link of route/page that needs to review

Preview: Deploy preview link here with the appropriate route

http://localhost:3000/

[cyntss]

please remove this addition

[cyntss]

I don't like this solution. It is only changing the icon color, but the element will remain in the DOM. We need to skip the element injection in the DOM altogether

[cyntss]

Changes requested

[dikshashukla455]

Changes requested

Greetings @cyntss, the main issue is the icon visibility actually. The whole injection has already skipped the DOM altogether. There is the main span class that has the condition for hiding the 'prev' and 'next' buttons when pagination is not needed but it doesn't change the icon's color because EOS icons have their several own props which color prop is one of them. I just changed the icon visibility color which matches the text with the help of the 'color' prop when pagination is not required. It works perfectly fine in the browser. You can see this hosted link http://localhost:3000/. Kindly review it.