style(xtream): cosmetic improvements

src/app/portals/epg-view/epg-view.component.ts

@@ -21,12 +21,6 @@ import { EpgItem } from '../../xtream/epg-item.interface';
         MatListModule,
         TranslateModule,
     ],
-    styles: `
-        mat-list {
-            /* overflow-y: scroll; */
-            height: 100vh;
-        }
-    `,
 })
 export class EpgViewComponent {
     @Input() epgItems: EpgItem[];

src/app/xtream-tauri/detail-view.scss

@@ -53,13 +53,13 @@
 .image {
     grid-area: image;
     margin: 0;
-    border-radius: 5px;
+    border-radius: 12px;
     max-width: 100%;
 
     img {
         width: 100%;
         height: auto;
-        border-radius: 5px;
+        border-radius: 12px;
         object-fit: cover;
     }
 
@@ -67,7 +67,7 @@
         width: 100%;
         aspect-ratio: 2/3;
         background-color: #999;
-        border-radius: 5px;
+        border-radius: 12px;
 
         &::after {
             content: 'No cover';

src/app/xtream-tauri/sidebar.scss

@@ -0,0 +1,17 @@
+.sidebar {
+    width: 300px;
+    border-right: 1px solid #333;
+    display: flex;
+    flex-direction: column;
+    
+    .sidebar-header {
+        padding: 16px;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+        
+        h2 {
+            margin: 0;
+            font-size: 1.2rem;
+            font-weight: 500;
+        }
+    }
+}

src/styles.scss

@@ -52,7 +52,6 @@ textarea,
 .dark-theme {
     ::-webkit-scrollbar {
         overflow-y: scroll;
-        background: #1d1d1d;
     }
 
     ::-webkit-scrollbar-thumb {