more or less fix long messages breaking the UI

bfrontend/src/Styles/App.scss

@@ -10,10 +10,10 @@
 @import "./Components/properties.scss";
 
 ::-webkit-scrollbar {
-    width: 0px;
+    width: var(--default-scrollbar-width);
 }
 ::-webkit-scrollbar-track {
-    background: var(--accent-color-light);
+    background: var(--default-scrollbar-color-track);
 }
 ::-webkit-scrollbar-thumb {
     background: var(--default-scrollbar-color);

bfrontend/src/Styles/Components/Message.scss

@@ -7,6 +7,7 @@
     padding: 1px;
     border-radius: var(--channel-message-border-radius);
     background-color: var(--channel-message-color);
+    max-width: 150px;
 }
 
 .no-messages-warning {

bfrontend/src/Styles/Components/ProfileLink.scss

@@ -60,7 +60,8 @@
     align-items: center;
     text-overflow: ellipsis;
     white-space: nowrap;
-    overflow-x: hidden;
+    overflow: hidden;
+    flex-shrink: 0;
 
     &.profile-link-offset-text {
         align-items: unset;

bfrontend/src/Styles/Components/Textbox.scss

@@ -15,6 +15,7 @@
         margin: 0;
         margin-bottom: 5px;
         padding-left: 16px;
+        margin-top: 6px;
         font-size: 16px;
     }
 }

bfrontend/src/Styles/mixins.scss

@@ -1,4 +1,4 @@
 @mixin fancy-scrollbar-firefox {
-    scrollbar-width: none;
-    scrollbar-color: var(--default-scrollbar-color) var(--accent-color-light);
+    scrollbar-width: var(--default-scrollbar-width);
+    scrollbar-color: var(--default-scrollbar-color) var(--default-scrollbar-color-track);
 }

bfrontend/src/Styles/root.scss

@@ -18,7 +18,9 @@
         hsl(225, 35%, 40%)
     );
 
-    --default-scrollbar-color: var(--background-color);
+    --default-scrollbar-color: var(--card-accent-color);
+    --default-scrollbar-color-track: var(--background-color);
+    --default-scrollbar-width: 1px;
 
     --channel-top-bar-color-accent: var(--background-color);
     --channel-top-bar-color: var(--background-color);