Implement sorting functionality for prospects with a dialog and custom sort options

FoodsharingSiegen.Server/Pages/Prospects.razor

@@ -25,17 +25,35 @@
 ><i class="fa-solid fa-plus"></i>
 </Button>
 
+<Button
+    Color="Color.Primary"
+    Width="Width.Px(50)"
+    Height="Height.Px(50)"
+    title="Sortieren"
+    style="min-width: auto;"
+    Clicked="@OpenSortDialogAsync"
+><i class="fa-solid fa-sort"></i>
+</Button>
+
+<div class="badge-row mt-2">
+    @if (HasCustomSort)
+    {
+        <Badge Color="Color.Primary" Closable="true" CloseClicked="@EventCallback.Factory.Create(this, ResetSortAsync)">@CurrentSortText</Badge>
+    }
+</div>
+
 
 
 @{
     var filterList = ProspectList.ApplyFilter(Filter);
+    var sortList = SortProspects(filterList);
 }
 
 <hr/>
 <ProspectFilterControl Filter="Filter" FilterChanged="FilterChangedAsync" StateFilter="ProspectStateFilter.OnBoarding"></ProspectFilterControl>
 <hr />
 <ProspectGrid
-    Prospects="filterList"
+    Prospects="sortList"
     OnDataChanged="@LoadProspects"
     StateFilter="ProspectStateFilter.OnBoarding">
 </ProspectGrid>