Fix Stability Issues with Navigation Bar and Paginator

[SammyEiei]

Description: Users have reported that the navigation bar and paginator components are not functioning reliably across different pages and screen sizes. This task aims to address these stability issues to ensure consistent and responsive behavior throughout the application.

Acceptance Criteria:

The navigation bar should maintain its position and functionality on all pages. The paginator should correctly display page numbers and navigate between them without errors. Both components must be responsive and work on a range of device sizes, from mobile to large desktops.

Sub-Tasks:

• [x] Reproduce reported instability issues for both nav bar and paginator.
• [ ] Identify root causes for unstable behavior in both components.
• [x] Refactor code for navigation bar to ensure stability across different pages.
• [x] Refactor paginator logic to handle edge cases and user interaction correctly.
• [x] Conduct cross-browser testing for navigation and pagination components.
• [x] Perform responsiveness testing on various devices to confirm adaptive layouts.
• [ ] Implement fixes for any issues discovered during testing.
• [ ] Code review and merge changes to the main branch.

[SammyEiei]

Some subtasks are still in process