feat: tanks list for small screens approvements

WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksListSmall.razor

@@ -1,9 +1,33 @@
 @inherits PlayerInfoTanksListBase;
-Tanks Count: @TanksList.Count()
-<TankCard [email protected]() ></TankCard>
-<TankListItem [email protected]()></TankListItem>
-<TankListItem [email protected]()></TankListItem>
+@if (TanksList != null && TanksList.Count() > 0)
+{
+    <div class="filters">
+        <div @onclick="@(e => OnFilterClick(e, "last battle"))">
+            <img class="filter-button" src="/icons/calendar.scale-200.png" />
+        </div>
+        <div @onclick="@(e => OnFilterClick(e, "winrate"))">
+            <img class="filter-button" src="/icons/details.wins.scale-200.png" />
+        </div>
+        <div @onclick="@(e => OnFilterClick(e, "battles"))">
+            <img class="filter-button" src="/icons/details.battles.scale-200.png" />
+        </div>
+    </div>
+    @filter
+    <div class="tanks-list">
+        @foreach (var tank in TanksList)
+        {
+        <TankListItem Tank=@tank></TankListItem>
+        }
+    </div>
+}
+
 
 @code {
 
+    private string filter;
+
+    private void OnFilterClick(MouseEventArgs e, string filterToApply)
+    {
+        filter = filterToApply;
+    }
 }