Added third-party components to the about page

app/MindWork AI Studio/Components/Blocks/ThirdPartyComponent.razor

@@ -0,0 +1,20 @@
+<MudItem xs="6" Style="display:flex;">
+<MudCard Style="display: flex; flex-direction: column; width: 100%;">
+    <MudCardHeader>
+        <CardHeaderContent>
+            <MudText Typo="Typo.h6">@this.Header</MudText>
+        </CardHeaderContent>
+        <CardHeaderActions>
+            <MudTooltip Text="Open the repository or website">
+                <MudIconButton Variant="Variant.Outlined" Icon="@Icons.Material.Filled.ForkLeft" Color="Color.Default" Href="@this.RepositoryUrl"/>
+            </MudTooltip>
+        </CardHeaderActions>
+    </MudCardHeader>
+    <MudCardContent>
+        <MudText>@this.UseCase</MudText>
+    </MudCardContent>
+    <MudCardActions Class="mt-auto">
+        <MudButton Size="Size.Small" Variant="Variant.Outlined" Color="Color.Primary" Href="@this.LicenseUrl">License: @this.LicenseName</MudButton>
+    </MudCardActions>
+</MudCard>
+</MudItem>

app/MindWork AI Studio/Components/Blocks/ThirdPartyComponent.razor.cs

@@ -0,0 +1,26 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ThirdPartyComponent : ComponentBase
+{
+    [Parameter]
+    public string Name { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string UseCase { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string Developer { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string LicenseName { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string LicenseUrl { get; set; } = string.Empty;
+    
+    [Parameter]
+    public string RepositoryUrl { get; set; } = string.Empty;
+
+    private string Header => $"{this.Name} ({this.Developer})";
+}