refactor: wrap search & recent in global components

apps/web/src/app/app.component.ts

@@ -18,8 +18,8 @@ import {
 } from 'shared-interfaces';
 import { SettingsService } from './services/settings.service';
 import { EpgProgressPanelComponent } from './shared/epg-progress-panel/epg-progress-panel.component';
-import { RecentlyViewedComponent } from './xtream-tauri/recently-viewed/recently-viewed.component';
-import { SearchResultsComponent } from './xtream-tauri/search-results/search-results.component';
+import { GlobalRecentlyViewedComponent } from './xtream-tauri/recently-viewed/global-recently-viewed.component';
+import { GlobalSearchResultsComponent } from './xtream-tauri/search-results/global-search-results.component';
 
 @Component({
     selector: 'app-root',
@@ -147,7 +147,7 @@ export class AppComponent implements OnInit {
     }
 
     openGlobalSearch(): void {
-        this.dialog.open(SearchResultsComponent, {
+        this.dialog.open(GlobalSearchResultsComponent, {
             width: '100%',
             height: '100%',
             maxWidth: '100%',
@@ -157,7 +157,7 @@ export class AppComponent implements OnInit {
     }
 
     openGlobalRecent(): void {
-        this.dialog.open(RecentlyViewedComponent, {
+        this.dialog.open(GlobalRecentlyViewedComponent, {
             width: '100%',
             height: '100%',
             maxWidth: '100%',

apps/web/src/app/xtream-tauri/recently-viewed/global-recently-viewed.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { RecentlyViewedComponent } from './recently-viewed.component';
+import { XtreamStore } from '../stores/xtream.store';
+
+@Component({
+    selector: 'app-global-recently-viewed',
+    imports: [RecentlyViewedComponent],
+    providers: [XtreamStore],
+    template: '<app-recently-viewed/>'
+})
+export class GlobalRecentlyViewedComponent {}

apps/web/src/app/xtream-tauri/recently-viewed/recently-viewed.component.ts

@@ -20,9 +20,7 @@ import { XtreamStore } from '../stores/xtream.store';
         MatIconButton,
         TitleCasePipe,
     ],
-    providers: [
-        XtreamStore
-    ],
+    providers: [],
     templateUrl: './recently-viewed.component.html',
     styleUrl: './recently-viewed.component.scss',
 })

apps/web/src/app/xtream-tauri/search-results/global-search-results.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { SearchResultsComponent } from './search-results.component';
+import { XtreamStore } from '../stores/xtream.store';
+
+@Component({
+    selector: 'app-global-search-results',
+    imports: [SearchResultsComponent],
+    providers: [XtreamStore],
+    template: '<app-search-results/>'
+})
+export class GlobalSearchResultsComponent {}