improved pagination buttons

[ratishjain12]

🛠️ Fixes Issue (Number)

@swapnilsparsh
Fixes #1071

I have enhanced pagination section kindly merge it :)

👨‍💻 Changes proposed and Brief Description

✅ Check List (Check all the applicable boxes)

• My code doesn't break any part of the project
• This PR does not contain plagiarized content.
• My Addition/Changes works properly and matches the overall repo pattern.
• The title of my pull request is a short description of the requested changes.

📄 Note to reviewers

📷 Screenshots

[netlify]

✅ Deploy Preview for 30daysofjs ready!

Name	Link
🔨 Latest commit	cf8bf42
🔍 Latest deploy log	https://app.netlify.com/sites/30daysofjs/deploys/6526832388b18900080fe7bb
😎 Deploy Preview	https://deploy-preview-1082--30daysofjs.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[swapnilsparsh]

1. Resolve the conflicts.
2. Make the active page number with some other background color to make it differ from others

[ratishjain12]

1. Resolve the conflicts.
2. Make the active page number with some other background color to make it differ from others

Sure just a sec will ping you when its done

Hey @swapnilsparsh can you please elaborate which conflicts you want me to reaolve

[swapnilsparsh]

@ratishjain12 you can check the conflicts above as I can merge your code unless conflicts are resolved.

[ratishjain12]

@swapnilsparsh I think now there is no conflicts and I have added focus color on buttons :)

[swapnilsparsh]

@ratishjain12 When you open the website for the first time then by default page number 1 should be highlighted as page number 1 is opened.

[ratishjain12]

Ok let me check

[ratishjain12]

@swapnilsparsh now its done :)

[swapnilsparsh]

@ratishjain12 Clicking on Previous or Next button then highlight is not working. Also If you click anywhere on the page then also highlight of the button gets removed.

[ratishjain12]

@ratishjain12 Clicking on Previous or Next button then highlight is not working. Also If you click anywhere on the page then also highlight of the button gets removed.

Ok I'll look into it @swapnilsparsh
So basically all I need to do is to maintain focus on clicking next and previous and also maintain the focus whenever someone clicks anywhere on the page right?

[ratishjain12]

@swapnilsparsh I have finished all the things required page 1 by default is active on clicking next and prev the state is maintained as well as clicking anywhere else the focus is not getting removed.

Kindly merge thank you :)

[swapnilsparsh]

@ratishjain12 Thank You for your contribution! Excited for more in the future! 🥂

[ratishjain12]

@ratishjain12 Thank You for your contribution! Excited for more in the future! 🥂

Mention not will do 😁