Fix hidden scrollbar for electron 25

- Newer chromium versions do not support scrollbar overlay css

src/renderer/components/scroll-area/index.tsx

@@ -30,7 +30,7 @@ const StyledScrollArea = styled(MantineScrollArea)`
 
 const StyledNativeScrollArea = styled.div<{ scrollBarOffset?: string; windowBarStyle?: Platform }>`
     height: 100%;
-    overflow-y: overlay !important;
+    overflow-y: auto;
 
     &::-webkit-scrollbar-track {
         margin-top: ${(props) =>

src/renderer/styles/global.scss

@@ -74,19 +74,9 @@ button {
     -webkit-app-region: no-drag;
 }
 
-.overlay-scrollbar {
-  overflow-y: overlay !important;
-  overflow-x: overlay !important;
-}
-
 .hide-scrollbar {
-  scrollbar-width: thin;
     scrollbar-color: transparent transparent;
 
-  &::-webkit-scrollbar {
-    width: 1px;
-  }
-
     &::-webkit-scrollbar-track {
         background: transparent;
     }
@@ -96,10 +86,6 @@ button {
     }
 }
 
-.hide-scrollbar::-webkit-scrollbar {
-  display: none; /* Safari and Chrome */
-}
-
 @keyframes fadeIn {
     from {
         opacity: 0;
@@ -223,6 +209,7 @@ button {
 
 @font-face {
     font-family: 'DroidSerif';
-  src: url('https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2') format('truetype');
+    src: url('https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2')
+        format('truetype');
     unicode-range: U+3000-9FFF, U+ff??; /* Japanese glyphs */
 }