Refreshed languages menu in settings

src/pages/settings/Settings.module.scss

@@ -98,9 +98,6 @@
     flex-direction: row;
     background: var(--primary-background);
 
-    /* Scrollbox hides the scrollbar on the desktop app. */
-    /*@media (hover: hover) { .scrollbox { visibility: hidden; }}*/
-
     .scrollbox {
         overflow-y: scroll;
         visibility: hidden;
@@ -115,6 +112,7 @@
     }
     
     ::-webkit-scrollbar-thumb {
+        width: 4px;
         background-clip: content-box;
         border-top: 80px solid transparent;
     }
@@ -125,6 +123,7 @@
         overflow-y: scroll;
         justify-content: flex-end;
         background: var(--secondary-background);
+        scrollbar-width: thin;
 
         .container {
             min-width: 218px;

src/pages/settings/panes/Panes.module.scss

@@ -467,28 +467,42 @@
 
 .languages {
     .list {
+        display: flex;
+        flex-direction: column;
         margin-bottom: 1em;
+        gap: 10px;
         
         .entry {
-            height: 50px;
+            display: flex;
+            height: 45px;
+            padding: 0 8px;
+            background: var(--tertiary-background);
+            border-radius: var(--border-radius);
+            margin-top: 0;
+
+            &:hover {
+                background: var(--secondary-background);
+            }
         }
 
         .entry > span > span {
-            gap: 20px;
+            gap: 12px;
             display: flex;
             align-items: center;
             flex-direction: row;
 
             .flag {
                 display: flex;
-                font-size: 2.625rem;
-                line-height: 48px;
 
                 > div {
                     display: flex;
                     align-items: center;
                     justify-content: center;
                 }
+
+                > img {
+                    height: 32px !important;
+                }
             }
 
             .description {