WPF - how to add a ListView with images into Datagrid-RowDetail

I want to add inside my Datagrid-Rowdetails a Listview with my loaded imageURls from my firebase Cloud.

In my method I recieve all data from firebase and convert it into a user object. The Url-array get's appended into a list and converted to the user object.

Here is the method:

async void getAllData() {
            
Query docref = database.Collection("users");
QuerySnapshot snap = await docref.GetSnapshotAsync();

foreach (DocumentSnapshot docsnap in snap){

    Users Employee = docsnap.ConvertTo<Users>();

    if (docsnap.Exists) {

        List<string> AuthorList = new List<string>();
        string UrlLinks = "";
        for (int i = 0; i < Employee.ImageUrl.Length; i++) {
           string URLS = Employee.ImageUrl[i].ToString();
           UrlLinks += URLS + Environment.NewLine;

          
           AuthorList.Add(URLS);
           Employee.imagepath = AuthorList;
                    }
        // Every URL links get printed out MessageBox.Show(UrlLinks);
        DataGridXAML.Items.Add(Employee);
                }
            }
        }

My User-Class:

namespace First_WPF_Project
{
    [FirestoreData]
    public class Users
    {
        [FirestoreProperty]
        public string id { get; set; }
        [FirestoreProperty]
        public int age { get; set; }
        [FirestoreProperty]
        public string birthday { get; set; }
        [FirestoreProperty]
        public string name { get; set; }
        [FirestoreProperty]
        public string[] ImageUrl { get; set; }

        public List<string> imagepath { get; set; }   
    }
}

and my xaml file for the GUI

<DataGrid.RowDetailsTemplate>

                <DataTemplate>
                    
                    <DockPanel Background="GhostWhite">
                        <StackPanel Orientation="Horizontal" >
                            
                            <ListView Name="listview1" ItemsSource="{Binding imagepath}">
                                <ListView.ItemTemplate>
                                    <DataTemplate>
                                        <StackPanel>
                                            <Image Source="{Binding imagepath}" />
                                        </StackPanel>
                                    </DataTemplate>
                                </ListView.ItemTemplate>
                            </ListView>
                            
                      
                        </StackPanel>
                    
                        <Grid Margin="0,10">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>


                            <TextBlock  x:Name="Test123"  Text="ID: " FontWeight="Bold" />
                        <TextBlock Text="{Binding id}" Grid.Column="1" />
                        <TextBlock Text="Name: " FontWeight="Bold" Grid.Row="1" />
                        <TextBlock Text="{Binding name}" Grid.Column="1" Grid.Row="1" />
                        <TextBlock Text="Birthday: " FontWeight="Bold" Grid.Row="2" />
                        <TextBlock Text="{Binding birthday, StringFormat=d}" Grid.Column="1" Grid.Row="2" />
                           
                        </Grid>
                </DockPanel>
            </DataTemplate>
        </DataGrid.RowDetailsTemplate>

What do I do wrong or is it not possible in general?

Possible duplications

• https://stackoverflow.com/questions/39972282/listview-rowdetailstemplate

I've tried to create a list and append the list to the user object

If the imagepath property contains valid image URIs, this should work:

<ListView Name="tt" ItemsSource="{Binding imagepath}">
    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <Image Source="{Binding}" />
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

As stated in a comment by @ASh, you should also create one List<string> per Users object in your code:

async void getAllData()
{

    Query docref = database.Collection("users");
    QuerySnapshot snap = await docref.GetSnapshotAsync();
    foreach (DocumentSnapshot docsnap in snap)
    {
        Users Employee = docsnap.ConvertTo<Users>();
        List<string> AuthorList = new List<string>();
        Employee.imagepath = AuthorList;

        if (docsnap.Exists)
        {

            string UrlLinks = "";
            for (int i = 0; i < Employee.ImageUrl.Length; i++)
            {
                string URLS = Employee.ImageUrl[i].ToString();
                UrlLinks += URLS + Environment.NewLine;
                AuthorList.Add(URLS);
            }
            // Every URL links get printed out MessageBox.Show(UrlLinks);
            DataGridXAML.Items.Add(Employee);
        }
    }
}