Переработана страница поиска и добавления треков в плейлист

PlaylistShared.Pwa/Components/SharedPlaylist/PlaylistHeader.razor

@@ -1,20 +1,20 @@
 @using PlaylistShared.Pwa.Components.Common
-@using PlaylistShared.Shared.Shared
 @using PlaylistShared.Shared.Enums
 @using System.Security.Claims
+@using PlaylistShared.Shared.SharedPlaylist
 @inject HttpClient Http
 @inject NavigationManager Navigation
 @inject AuthenticationStateProvider AuthProvider
 @inject ISnackbar Snackbar
 @inject IDialogService DialogService
 
-<div style="display: flex; gap: 16px; align-items: center;">
+<MudStack Row AlignItems="AlignItems.Center">
     @if (!string.IsNullOrEmpty(Playlist?.CoverUrl))
     {
         <MudImage Src="@Playlist.CoverUrl.FormatCoverUrl(80, 80)" Height="80" Width="80" Class="rounded" />
     }
-    <div>
-        <div style="display: flex; align-items: center; gap: 8px; flex-wrap: wrap;">
+    <MudStack>
+        <MudStack Row AlignItems="AlignItems.Center" Wrap="Wrap.Wrap">
             <MudLink Href="@($"https://music.yandex.ru/playlists/{Playlist?.YandexPlaylistUuid}")"
                      Typo="Typo.h5" 
                      Target="_blank" 
@@ -39,10 +39,10 @@
                                Title="Настройки доступа"
                                Size="Size.Medium" />
             }
-        </div>
+        </MudStack>
         <MudText Typo="Typo.body2" Color="Color.Secondary">Владелец: @Playlist?.Creator?.UserName</MudText>
-    </div>
-</div>
+    </MudStack>
+</MudStack>
 
 @code {
     [Parameter] public SharedPlaylistDto? Playlist { get; set; }