fix(UI): Restored the scroll bar OHIF L&F (#5202)

platform/ui-next/src/assets/styles.css

@@ -0,0 +1,57 @@
+/* CUSTOM OHIF SCROLLBAR */
+.ohif-scrollbar {
+  scrollbar-color: #173239 transparent;
+  overflow-y: auto;
+}
+
+.ohif-scrollbar-stable-gutter {
+  scrollbar-gutter: stable;
+}
+
+.study-min-height {
+  min-height: 450px;
+}
+
+.ohif-scrollbar:hover {
+  overflow-y: auto;
+}
+
+.ohif-scrollbar::-webkit-scrollbar {
+  scrollbar-width: thin;
+}
+
+.ohif-scrollbar::-webkit-scrollbar-track {
+  @apply rounded;
+}
+
+.ohif-scrollbar::-webkit-scrollbar-thumb {
+  @apply rounded;
+  @apply bg-secondary-dark;
+  background-color: #041c4a;
+}
+
+.ohif-scrollbar::-webkit-scrollbar-thumb:window-inactive {
+  @apply bg-secondary-dark;
+  background-color: #041c4a;
+}
+
+/* INVISIBLE SCROLLBAR */
+.invisible-scrollbar {
+  scrollbar-width: none;
+}
+
+.invisible-scrollbar::-webkit-scrollbar {
+  @apply hidden;
+}
+
+.invisible-scrollbar::-webkit-scrollbar-track {
+  @apply hidden;
+}
+
+.invisible-scrollbar::-webkit-scrollbar-thumb {
+  @apply hidden;
+}
+
+.invisible-scrollbar::-webkit-scrollbar-thumb:window-inactive {
+  @apply hidden;
+}

platform/ui-next/src/components/ThemeWrapper/ThemeWrapper.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
 import '../../tailwind.css';
+import '../../assets/styles.css';
 
 export const ThemeWrapper = ({ children }) => <React.Fragment>{children}</React.Fragment>;