BMP Web App

Description :
Currently, the project is using PNG icons. To improve performance, scalability, and maintainability, these icons need to be replaced with SVG-based icons or Next.js compatible icon libraries.

Tasks:

• Identify all PNG icons used in the project.
• Replace PNG icons with SVG icons or icons from a Next.js compatible icon library (e.g., Heroicons, Lucide, etc.).
• Ensure icons are optimized and reusable as components.
• Update relevant components/pages to use the new SVG icons.
• Test UI to confirm icons render correctly across different screen sizes and resolutions.

Acceptance Criteria:

• All PNG icons are replaced with SVG or Next.js compatible icons.
• Icons scale properly without loss of quality.
• No broken icons appear in the UI.
• Performance is improved due to reduced image assets.