chg: [website] Improved sidebar UI

- As requested by the Webiste DavidCruciani

website/app/static/css/core.css

@@ -1,3 +1,6 @@
+:root {
+    --sidebar-width: 210px;
+}
 
 body {
   background-color: #fbfbfb;
@@ -164,6 +167,16 @@ span#status {
     right: calc(var(--bs-gutter-x) * .5);
 }
 
+#sidebar-nav {
+    width: var(--sidebar-width);
+}
+#sidebar .sidebar-menu-wrapper {
+    position: fixed;
+}
+#sidebar.collapsing .sidebar-menu-wrapper {
+    position: relative !important;
+}
+
 /* @media (min-width: 992px) {
     .side-panel-config {
         max-width: calc((100% - 200px) / 2 - 1*var(--bs-gutter-x) * .5);

website/app/templates/sidebar.html

@@ -3,6 +3,7 @@
 <div class="col-auto px-0">
     <div id="sidebar" class="collapse collapse-horizontal show border-end">
         <div id="sidebar-nav" class="rounded-0 text-sm-start min-vh-100">
+            <div class="sidebar-menu-wrapper">
                 <a class="navbar-brand" style="margin-left: 20px;" href="/">
                     <img src="{{ url_for('static',filename='image/misp.png') }}" height="55" alt="Misp Logo" loading="lazy" />
                 </a>
@@ -25,6 +26,7 @@
                 </div>
             </div>
         </div>
+    </div>
 </div>