Fix the 'finer details' with the handbook UI

src/handbook/src/css/App.scss

@@ -11,6 +11,7 @@ html {
     --background-color: #25294a;
     --primary-color: #2d325a;
     --secondary-color: #202442;
+    --accent-color: #4b5396;
 
     --text-primary-color: #FFFFFF;
     --unselected-color: #c7c8d0;
@@ -82,6 +83,6 @@ button {
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #4b5396;
+    background: var(--accent-color);
     border-radius: 10px;
 }

src/handbook/src/css/widgets/HomeButton.scss

@@ -17,10 +17,11 @@
 
     &:hover {
         cursor: pointer;
-        transition: 0.1s ease-in-out all;
-        box-shadow: 0 0 10px 5px var(--primary-color);
+        box-shadow: 0 0 10px 5px var(--accent-color);
         scale: 1.01;
     }
+
+    transition: 0.1s ease-in-out all;
 }
 
 .HomeButton:hover {

src/handbook/src/css/widgets/SideBarButton.scss

@@ -11,9 +11,10 @@
 
     &:hover {
         cursor: pointer;
-        transition: 0.1s ease-in-out all;
         backdrop-filter: brightness(0.9);
     }
+
+    transition: 0.2s ease-in-out all;
 }
 
 .SideBarButton_Icon {