Page Load Progress Bar component

[MouniaBelkheir]

Task title
Add a Progress Bar on Page Load

Task description
Create and integrate a page load progress bar into the Next.js application. The progress bar should visually indicate the loading progress of each page to enhance the user experience.

Subtasks

• Install the nextjs-progressbar package.

• Import and integrate the progress bar into the layout or a dedicated component.

• Customize the progress bar appearance, such as color, start position, and height.

• Test the progress bar by navigating between pages.

• Adjust any layout styling if needed for better integration.

Screenshots

On Large Screens

On Small Screens