style(epg-view): update title styling and improve component imports for better readability

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

@@ -1,4 +1,4 @@
-<div mat-subheader>{{ 'EPG.TITLE' | translate }}</div>
+<div class="epg-title">{{ 'EPG.TITLE' | translate }}</div>
 <mat-list>
     @for (item of epgItems; track $index) {
         <mat-list-item [lines]="3">

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

@@ -1,9 +1,9 @@
 import { DatePipe } from '@angular/common';
 import { Component, Input, inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
+import { MatIconButton } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatIconModule } from '@angular/material/icon';
+import { MatDivider } from '@angular/material/divider';
+import { MatIcon } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import { TranslateModule } from '@ngx-translate/core';
 import { EpgItemDescriptionComponent } from '../../player/components/epg-list/epg-item-description/epg-item-description.component';
@@ -15,12 +15,22 @@ import { EpgItem } from '../../xtream/epg-item.interface';
     templateUrl: './epg-view.component.html',
     imports: [
         DatePipe,
-        MatButtonModule,
-        MatDividerModule,
-        MatIconModule,
+        MatIconButton,
+        MatDivider,
+        MatIcon,
         MatListModule,
         TranslateModule,
     ],
+    styles: [
+        `
+            .epg-title {
+                margin: 0;
+                font-size: 1.2rem;
+                font-weight: 500;
+                padding: 16px;
+            }
+        `,
+    ],
 })
 export class EpgViewComponent {
     @Input() epgItems: EpgItem[];