Run code clean and fix messages (#45)

Reviewed-on: #45

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameCreationForm.razor.cs

@@ -8,7 +8,6 @@ using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.AspNetCore.Components.Forms;
 using Microsoft.JSInterop;
-using System.Security.Claims;
 
 namespace GameIdeas.BlazorApp.Pages.Games.Components;
 
@@ -21,7 +20,7 @@ public partial class GameCreationForm
     [Parameter] public CategoriesDto? Categories { get; set; }
     [Parameter] public EventCallback OnSubmit { get; set; }
 
-    private GameDetailDto GameDto = new();
+    private readonly GameDetailDto GameDto = new();
     private EditContext? EditContext;
     private readonly SelectTheme Theme = SelectTheme.Creation;
     private readonly SliderParams SliderParams = new() { Gap = 1, Min = 1, Max = 5 };

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor

@@ -4,7 +4,7 @@
 @inherits GameBase
 
 <div class="row">
-    <img class="icon" src="~/icon.png" />
+    <img class="icon" src="icon.png" />
 
     <a class="title" href="@($"/Detail/{GameDto.Id}")">@GameDto.Title</a>
 

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Components/GameRow.razor.css

@@ -80,9 +80,20 @@
     fill: var(--white);
 }
 
+@media screen and (max-width: 700px) {
+    .release-date {
+        display: none;
+        grid-column: span;
+    }
+
+    .row {
+        grid-template-columns: auto 3fr 3fr 30px 30px !important;
+    }
+}
+
 @media screen and (max-width: 1000px) {
     .row {
-        grid-template-columns: 48px 3fr 2fr 3fr 30px 30px;
+        grid-template-columns: auto 3fr 2fr 3fr 30px 30px;
     }
 
     .tags, .storage {