feat 215: Comments section

[andrxpie]

Overview

This PR implements the initial routing configuration and the sidebar (Drawer) shell for the commenting system on the Streetcode page. This foundation ensures that comments can be accessed via a specific sub-route (/comments) while keeping the main content visible in the background.

Changes Made

• Routing Configuration: Added a new route structure in React Router to intercept URL navigation and trigger the comment sidebar.
• Drawer Shell: Created the CommentsDrawerContainer component using Ant Design's Drawer.
• Navigation Behavior: Implemented logic to ensure:
  • The drawer opens automatically when the URL contains /comments.
  • Navigating back closes the drawer and redirects the user to the base Streetcode URL.
  • Page refreshes on the comments sub-path maintain the correct background state.

Technical Notes

• The drawer is positioned exclusively on the right side of the screen.
• Used relative: 'path' configuration in React Router to prevent unintended redirects to the root page.

Checklist

• My code follows the style guidelines of this project.
• I have performed a self-review of my code.
• The routing logic handles page refreshes correctly.

[Vasia1101]

Please resolve conflicts

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://happy-island-094fe5703-19.westeurope.7.azurestaticapps.net