Optimized layout, size and responsiveness for h1 heading

Author: szv

src/CodeBreaker.Blazor.Client/Shared/MainLayout.razor

@@ -3,7 +3,7 @@
 
 <FluentMainLayout>
     <Header>
-        <h1>@($"{Loc["Index_Welcome"]} {Loc["AppDisplayName"]}")</h1>
+        <h1><span id="welcome-message">@Loc["Index_Welcome"]</span> @Loc["AppDisplayName"]</h1>
         <FluentSpacer />
         <LoginDisplay />
     </Header>

src/CodeBreaker.Blazor.Client/Shared/MainLayout.razor.css

@@ -0,0 +1,10 @@
+h1 {
+    font-size: 1.5em;
+    margin: 0;
+}
+
+@media only screen and (max-width : 600px) {
+    #welcome-message {
+        display: none;
+    }
+}