[BUG] Pagination not implemented

[NitinChakrawarti]

🐛 Pagination Issue in "All Tools" Section

📝 Description

The "All Tools" section currently displays all available tools in a single continuous scroll.
This causes performance issues and creates an infinite-screen effect, reducing user experience.

Pagination (or lazy loading) should be implemented to make navigation smoother and improve page performance.

---

🔄 Steps to Reproduce

1. Go to the Landing Page.
2. Scroll down to the All Tools section.
3. Observe that all projects/tools are loaded at once without pagination.

---

✅ Expected Behavior

Tools should be displayed with pagination (e.g., 6–9 tools per page) or lazy loading so users can easily browse through multiple pages instead of one long scroll.

---

❌ Actual Behavior

All tools are loaded in one go, creating a long, infinite scroll that affects readability and load time.

---

💡 Suggested Solution

• Implement pagination or infinite scroll with load limits.
• Optionally add a page navigation UI (e.g., “Next”, “Previous”, page numbers).
• Ensure mobile responsiveness and consistent layout across devices.

---

🌐 Environment

• Device: [e.g. Desktop, Mobile]
• OS: [e.g. Windows 11, macOS, Android]
• Browser: [e.g. Chrome, Firefox, Safari]
• Version: [e.g. 22]
• Section: All Tools

---

🎯 Severity

• 🔴 Critical – Site/tool completely broken
• 🟡 High – Major functionality affected
• 🟢 Medium – Affects user experience but site remains functional
• 🔵 Low – Minor visual/cosmetic issue

---

👥 For Contributors

• I'd like to work on fixing this issue
• I need help understanding the codebase
• This issue is raised for Hacktoberfest participation

---

Thank you for helping improve DevToolkit! 🛠️

[NitinChakrawarti]

Please assign this to me. I will fix it as I have experience in MERN, and I am good at JavaScript.