fix(app): fixed broken scrollbar on mobile

src/pages/RevoltApp.tsx

@@ -1,6 +1,6 @@
 import { Docked, OverlappingPanels, ShowIf } from "react-overlapping-panels";
 import { Switch, Route, useLocation } from "react-router-dom";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 
 import ContextMenus from "../lib/ContextMenus";
 import { isTouchscreenDevice } from "../lib/isTouchscreenDevice";
@@ -56,6 +56,12 @@ const Routes = styled.div`
         max(var(--min-opacity), 0.75)
     );*/
     //backdrop-filter: blur(10px);
+
+    ${() =>
+        isTouchscreenDevice &&
+        css`
+            overflow: hidden;
+        `}
 `;
 
 export default function App() {

src/pages/channels/messaging/MessageArea.tsx

@@ -42,12 +42,6 @@ const Area = styled.div`
     padding-top: 48px;
     word-break: break-word;
 
-    > * > ::-webkit-scrollbar-thumb {
-        width: 4px;
-        background-clip: content-box;
-        border-top: 80px solid transparent;
-    }
-
     > div {
         display: flex;
         min-height: 100%;