feat: add lightweight animated pagination and clean SVG warnings (#76)

[ianujvarshney]

Description

Implemented lightweight, smooth-animated pagination for the BetterBugs DevTools listing page.

Key Changes:

• Sliding Pagination Component: Created app/components/ui/Pagination.tsx with dynamic page counts, responsive sibling/ellipsis boundaries, and an interactive background slider using framer-motion.
• Integrated Page States: Configured grid rendering in app/page.tsx to handle page size slicing (30 items standard, 9 items for search results). Page selection automatically resets to 1 when Category, Type, or Search inputs change.
• Console Warning Cleanups: Converted invalid legacy SVG properties (like stop-color to stopColor, stroke-width to strokeWidth, etc.) across multiple icon components to ensure zero runtime console warning outputs.
• HMR Origin Config: Added local network development origin IPs to next.config.js to prevent HMR cross-origin resource sharing errors during multi-device network testing.

Fixes #76

Dependencies

• framer-motion (already part of project dependencies, used for fluid slide and fade pagination transitions)

Future Improvements

• Keyboard Navigation: Add Left/Right arrow key shortcuts when focused on the pagination container to navigate pages.
• URL Syncing: Sync the active page number with the browser query parameters (?page=X) to preserve page navigation when sharing the page link.

Mentions

• @ianujvarshney

Screenshots of relevant screens

Please paste screenshots of your beautiful new pagination showing:

1. The standard grid view with the modern glassmorphism pagination controls at the bottom.
2. The fluid slide transition of the active page pill.

issue-76-sliding-pagination.mp4

Developer's checklist

• My PR follows the style guidelines of this project
• I have performed a self-check on my work
• If package.json is unchanged, package-lock.json is also unchanged in this PR

If changes are made in the code:

• I have followed the Coding Guidelines
• My changes in code generate no new warnings
• My changes are not breaking another fix/feature of the project
• I have added test cases to show that my feature works (Manually verified with local dev server)
• I have added relevant screenshots in my PR
• There are no UI/UX issues