Refactor UI: popups, animations, and detail navigation

- Replace SidePanel with popup-based SingleSongDetailsPopupView and SmokeViewQueueGrid for song details and queue, using connected animations for transitions
- Refactor and centralize animation logic with AnimationHelper; add support for multiple animation keys and coordinated elements
- Add middle mouse button support for quick detail popup access
- Update context menu actions (add to next, love/unlove, info) and navigation to use new animation flows
- Resize NowPlayingPage image, remove inline lyrics ListView, and move lyrics to popup
- Simplify ArtistPage album loading logic
- Wrap SingleSongLyrics in ScrollViewer for better UX
- Remove unused code, improve naming, and streamline event handling for maintainability

Author: YBTopaz8

Dimmer/Dimmer.WinUI/Views/WinuiPages/AllSongsListPage.xaml

@@ -85,7 +85,7 @@
                         Orientation="Horizontal"
                         Spacing="10">
                         <Button
-                            x:Name="ViewQueue"
+                            x:Name="ViewQueueBtn"
                             Click="ViewQueue_Click"
                             Content="View Queue" />
 
@@ -189,7 +189,7 @@
             <Grid Grid.Row="1" Visibility="Visible">
                 <Grid.ColumnDefinitions>
                     <ColumnDefinition Width="*" />
-                    <ColumnDefinition Width="auto" />
+                    
                 </Grid.ColumnDefinitions>
 
                 <dgView:TableView
@@ -292,6 +292,7 @@
                                                 Width="55"
                                                 HorizontalAlignment="Left"
                                                 x:FieldModifier="Public"
+                                                Loaded="CoverArtImage_Loaded"
                                                 PointerPressed="coverArtImage_PointerPressed"
                                                 RightTapped="coverArtImage_RightTapped"
                                                 Source="{Binding CoverImagePath}"
@@ -472,67 +473,34 @@
                     </dgView:TableView.Columns>
                 </dgView:TableView>
 
-                <ScrollViewer 
-                    Grid.Column="1">
-                    
-                <StackPanel
-                    x:Name="SidePanel"
-                    Width="250"
-                    HorizontalAlignment="Center"
-                    PointerEntered="SidePanel_PointerEntered"
-                    PointerExited="SidePanel_PointerExited"
-                    Spacing="10"
-                    Visibility="{x:Bind MyViewModel.SelectedSong, Mode=OneWay, Converter={StaticResource IsObjNullToVisInverseConverter}}">
-
-                    <Grid>
-                        <Button
-                            x:Name="ClosePanel"
-                            HorizontalAlignment="Right"
-                            VerticalAlignment="Top"
-                            Background="Transparent"
-                            Canvas.ZIndex="1"
-                            Click="ClosePanel_Click"
-                            Content="X" />
-                        <Image
-                            x:Name="SelectedSongImg"
-                            Canvas.ZIndex="0"
-                            Loaded="SelectedSongImg_Loaded"
-                            PointerPressed="SelectedSongImg_PointerPressed"
-                            Visibility="Visible">
-                          
-                        </Image>
-
-                    </Grid>
-                    <Button HorizontalAlignment="Center" Content="{x:Bind MyViewModel.SelectedSong.Title, Mode=OneWay}" />
-                    <Button HorizontalAlignment="Center" Content="{x:Bind MyViewModel.SelectedSong.GenreName, Mode=OneWay}" />
-                    <Button HorizontalAlignment="Center" Content="{x:Bind MyViewModel.SelectedSong.PlayCompletedCount, Mode=OneWay}" />
-                    <Button HorizontalAlignment="Center" Content="{x:Bind MyViewModel.SelectedSong.ReleaseYear, Mode=OneWay}" />
-                    <Button HorizontalAlignment="Center" Content="{x:Bind MyViewModel.SelectedSong.UserNoteAggregatedText, Mode=OneWay}" />
-                </StackPanel>
-
-                </ScrollViewer>
             </Grid>
 
 
             <StackPanel x:Name="BtmLogPanel" Grid.Row="2">
 
-
+                <Button HorizontalAlignment="Center" Background="Transparent"
+                        BorderThickness="1">
+                    <StackPanel Spacing="10" Orientation="Horizontal">
+                        <TextBlock Text="{x:Bind MyViewModel.SearchResults.Count , Mode=OneWay}"/>
+                        <TextBlock Text="Songs"/>
+                    </StackPanel>
+                </Button>
                 <StackPanel Orientation="Horizontal">
-                    <Button
-                        x:Name="HideBtmPart"
-                        VerticalAlignment="Top"
-                        Background="Transparent"
-                        BorderBrush="Transparent"
-                        Click="HideBtmPart_Click"
-                        Content="X"
-                        FontSize="9" />
+                  
+                    
                     <TextBlock VerticalAlignment="Center" Text="{Binding LatestAppLog.Message}" />
                 </StackPanel>
             </StackPanel>
         </Grid>
 
-        <local:SmokeViewQueueGrid x:Name="SmokeGrid" Visibility="Collapsed"
+        <local:SmokeViewQueueGrid x:Name="SmokeGrid" Visibility="Collapsed" DismissRequested="SmokeGrid_DismissRequested"
                                   Loaded="SmokeGrid_Loaded"/>
+
+
+        <local:SingleSongDetailsPopupView x:Name="SingleSongPopup"
+                                          Visibility="Collapsed"
+                                          DismissedRequested="SingleSongPopup_DismissedRequested"
+                                          Loaded="SingleSongPopup_Loaded"/>
     </Grid>
 </Page>