Add dynamic background images for servers

Moonlight/Shared/Layouts/MainLayout.razor

@@ -20,6 +20,7 @@
 @inject ToastService ToastService
 @inject SmartTranslateService SmartTranslateService
 @inject IpBanService IpBanService
+@inject DynamicBackgroundService DynamicBackgroundService
 
 <GlobalErrorBoundary>
     @{
@@ -56,7 +57,7 @@
                     <Sidebar></Sidebar>
                     <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
                         <div class="d-flex flex-column flex-column-fluid">
-                            <div id="kt_app_content" class="app-content flex-column-fluid">
+                            <div id="kt_app_content" class="app-content flex-column-fluid" style="background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image: url('@(DynamicBackgroundService.BackgroundImageUrl)')">
                                 <div id="kt_app_content_container" class="app-container container-fluid">
                                     <div class="mt-10">
                                         <SoftErrorBoundary>
@@ -189,6 +190,11 @@
         {
             try
             {
+                DynamicBackgroundService.OnBackgroundImageChanged += async (_, _) =>
+                {
+                    await InvokeAsync(StateHasChanged);
+                };
+                
                 IsIpBanned = await IpBanService.IsBanned();
                 
                 if(IsIpBanned)
@@ -211,7 +217,13 @@
 
                 await SessionService.Register();
 
-                NavigationManager.LocationChanged += (sender, args) => { SessionService.Refresh(); };
+                NavigationManager.LocationChanged += async (_, _) =>
+                {
+                    SessionService.Refresh();
+
+                    if (!NavigationManager.Uri.Contains("/server/"))
+                        await DynamicBackgroundService.Reset();
+                };
 
                 if (User != null)
                 {