Add edit functionality for EinAb interactions: implement UpdateInteraction method, extend InteractionDialog for edit mode, and add edit button in InteractionRow

FoodsharingSiegen.Server/Controls/InteractionRow.razor

@@ -45,11 +45,29 @@ else
     
     @foreach (var interaction in Interactions)
     {
-        <div class="d-flex justify-content-end">
+        <div class="d-flex justify-content-end align-items-center interaction-row-action-group">
             @if ((Prospect is not { Complete: true } || interaction.Type == InteractionType.Complete) && AllowInteraction)
             {
-                <a style="display: inline-block;"" href=""><i class="fa-solid fa-square-xmark" @onclick="async () => { if (RemoveClick != null) await RemoveClick.Invoke(interaction.Id); }" @onclick:preventDefault></i></a>
-            } else {
+                <div class="d-flex align-items-center interaction-row-actions">
+                    @if (AllowEdit)
+                    {
+                        <Button Size="Size.Small"
+                                Class="interaction-row-action interaction-row-action-edit"
+                                title="Eintrag bearbeiten"
+                                Clicked="@(async () => { if (EditClick != null) await EditClick.Invoke(interaction.Id); })">
+                            <i class="fa-solid fa-pen-to-square"></i>
+                        </Button>
+                    }
+                    <Button Size="Size.Small"
+                            Class="interaction-row-action interaction-row-action-delete"
+                            title="Eintrag löschen"
+                            Clicked="@(async () => { if (RemoveClick != null) await RemoveClick.Invoke(interaction.Id); })">
+                        <i class="fa-solid fa-square-xmark"></i>
+                    </Button>
+                </div>
+            }
+            else
+            {
                 <span>&bull;</span>
             }
         </div>