[feature] Add Side Bar and Dark Mode UI

[rhrudska987]

✅Feature Request

• Addition of a sidebar
• Implementation of a dark mode or a more visually comfortable color scheme

Motivation

The integration of the Swaggy-Swagger library has been quite beneficial for our development process. however, I have encountered certain inconveniences that hinder the overall user experience. Firstly, the stark white background can be quite harsh on the eyes, particularly during prolonged usage. This has made it challenging for users who spend extended periods of time interacting with the interface. Secondly, when the screen is resized to a smaller width, the sidebar occupies a disproportionately large area, which detracts from the content visibility and usability. This creates an uncomfortable viewing experience and makes it difficult to focus on the primary content.

Proposed Solution

To address these concerns, I propose the following enhancements:

Dark Mode or Improved Color Scheme: Implementing a dark mode option or a more soothing color palette would significantly reduce eye strain. This adjustment would not only enhance user comfort but also make the interface more modern and visually appealing.

Collapsible Sidebar: Introducing a feature that allows users to expand or collapse the sidebar would greatly enhance usability. This flexibility would enable users to customize their view according to their preferences, ensuring that the content remains the focal point, especially on smaller screens.

By incorporating these features, we can create a more user-friendly environment that caters to the needs of all users, thereby improving overall satisfaction and productivity.