Fix Sidebar Navigation Reload & Refactor Routes for SPA Optimization

[Zysd836]

Issue Description

Currently, the website experiences a reload and flicker when clicking on items in the sidebar, making it no longer function as a Single Page Application (SPA). This issue occurs because a click action is added to the Link component, which triggers a page reload.

Proposed Solution

1. Restructure Routes: Reorganize and optimize the routing structure for cleaner and more maintainable code.
2. Refactor Sidebar Component: Refactor the sidebar component to ensure smooth navigation without page reloads, making sure it follows best practices for SPA.
3. Fix Click Event: Ensure that custom click events do not interfere with the navigation and that the app behaves as expected (no reloads or flickering).

Additional Notes

This issue can be resolved immediately, but refactoring the routes and sidebar will improve the long-term maintainability and scalability of the application.

Please assign this issue to me. I will provide the solution soon.