Code(WEB::ErrorHandling): Implement global error handling

src/Client/StellarChat.Client.Web/Layout/CustomErrorBoundary.cs

@@ -0,0 +1,21 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+
+namespace StellarChat.Client.Web.Layout;
+
+public class CustomErrorBoundary : ErrorBoundary
+{
+    [Inject]
+    private IWebAssemblyHostEnvironment? Environment { get; set; }
+
+    protected override Task OnErrorAsync(Exception exception)
+    {
+        if (Environment!.IsDevelopment())
+        {
+            return base.OnErrorAsync(exception);
+        }
+
+        return Task.CompletedTask;
+    }
+}

src/Client/StellarChat.Client.Web/Layout/MainLayout.razor

@@ -1,6 +1,7 @@
 @inherits LayoutComponentBase
 
 @inject IJSRuntime JSRuntime
+@inject ISnackbar Snackbar
 
 <MudThemeProvider IsDarkMode="_IsDarkModeEnabled" />
 <MudDialogProvider />
@@ -15,7 +16,17 @@
 
     <Drawer IsDrawerOpen="@_isDrawerOpen" />
     <MudMainContent>
-        @Body
+        <CustomErrorBoundary>
+            <ChildContent>
+                @Body
+            </ChildContent>
+            <ErrorContent Context="errorDetails">
+                @{
+                     ShowErrorSnackbar(@errorDetails.Message);
+                     @Body
+                }
+            </ErrorContent>
+        </CustomErrorBoundary>
     </MudMainContent>
 </MudLayout>
 
@@ -44,4 +55,14 @@
     }
 
     private void ToggleDrawer() => _isDrawerOpen = !_isDrawerOpen;
+
+    private void ShowErrorSnackbar(string message)
+    {
+        Snackbar.Configuration.PositionClass = Defaults.Classes.Position.TopRight;
+
+        Snackbar.Add(message, Severity.Error, options =>
+        {
+            options.HideTransitionDuration = 100;
+        });
+    }
 }