Переделана главная страница и инструкция по токену ЯМ

PlaylistShared.Pwa/Pages/Profile.razor

@@ -13,17 +13,45 @@
             </CardHeaderContent>
         </MudCardHeader>
         <MudCardContent>
-            <MudText Typo="Typo.body2" Class="mb-4">Здесь вы можете указать токен доступа к Яндекс.Музыке.</MudText>
+            <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 16px;">
+                <MudText Typo="Typo.body2">
+                    Здесь вы можете указать токен доступа к Яндекс.Музыке.
+                </MudText>
+                <MudIconButton Icon="@Icons.Material.Filled.HelpOutline"
+                               Color="Color.Info"
+                               OnClick="() => _instructionDrawerOpen = true"
+                                   Title="Как получить токен?" />
+            </div>
+
             <MudTextField @bind-Value="_token" Label="Токен Яндекс.Музыки" Variant="Variant.Outlined" FullWidth="true" />
-            <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveToken" Class="mt-4" FullWidth="true">Сохранить токен</MudButton>
+
+            <MudButton Variant="Variant.Filled" Color="Color.Primary" OnClick="SaveToken" Class="mt-4" FullWidth="true">
+                Сохранить токен
+            </MudButton>
+
             <MudText Class="mt-4" Typo="Typo.body2">Статус: @_statusText</MudText>
         </MudCardContent>
     </MudCard>
 </MudContainer>
 
+<!-- Выдвижная панель с инструкцией -->
+<MudDrawer @bind-Open="_instructionDrawerOpen"
+           Anchor="Anchor.Right"
+           Variant="DrawerVariant.Temporary"
+           Elevation="3"
+           Width="500px"
+           MiniWidth="0px">
+    <MudDrawerHeader>
+        <MudText Typo="Typo.h6">Как получить токен Яндекс.Музыки</MudText>
+    </MudDrawerHeader>
+    <MudDivider />
+    <YandexTokenInstructions />
+</MudDrawer>
+
 @code {
     private string _token = "";
     private string _statusText = "Загрузка...";
+    private bool _instructionDrawerOpen = false;
 
     protected override async Task OnInitializedAsync()
     {