Add detail game page (#41)

Reviewed-on: #41

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Interest/Interest.razor

@@ -0,0 +1,9 @@
+@using GameIdeas.BlazorApp.Helpers
+
+<div class="interest">
+    <span class="value" style="@($"color: var({GameHelper.GetInterestColor(Value, 5)})")">
+        @Value
+    </span>
+    <span class="max-value">/5</span>
+</div>
+

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Interest/Interest.razor.cs

@@ -0,0 +1,8 @@
+using Microsoft.AspNetCore.Components;
+
+namespace GameIdeas.BlazorApp.Shared.Components.Interest;
+
+public partial class Interest
+{
+    [Parameter] public int Value { get; set; }
+}

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Components/Interest/Interest.razor.css

@@ -0,0 +1,16 @@
+.interest {
+    position: relative;
+    display: flex;
+}
+
+.value {
+    align-content: center;
+    font-size: 24px;
+    font-weight: bold;
+}
+
+.max-value {
+    align-content: center;
+    transform: translate(2px, 10px);
+    color: rgb(184, 184, 184);
+}

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Constants/Endpoints.cs

@@ -9,6 +9,7 @@ public static class Endpoints
     {
         public const string Create = "api/Game/Create";
         public static string Fetch(GameFilterDto filter) => $"api/Game?{UrlHelper.BuildUrlParams(filter)}";
+        public static string FetchById(int gameId) => $"api/Game/{gameId}";
     }
 
     public static class Category

src/GameIdeas/Client/GameIdeas.BlazorApp/Shared/Constants/Icons.cs

@@ -39,4 +39,8 @@ public static class Icons
     public readonly static MarkupString Check = new(OpenBraket +
         "<path d=\"M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z\" />" +
         CloseBraket);
+
+    public readonly static MarkupString Back = new(OpenBraket +
+        "<path d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\" />" +
+        CloseBraket);
 }