fix: DataGrid - Alignment for first column header in a sortable DataGrid is offset.

[garrenf]

Below is an image of what appears when copying the code from the demo site into my project. I've changed the header colors to bright yellow to make the issue more prominent.

<FluentDataGrid Items="@people">
    <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
    <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
    <PropertyColumn Property="@(p => p.BirthDate)" Format="yyyy-MM-dd" Sortable="true" />
</FluentDataGrid>

@code {
    record Person(int PersonId, string Name, DateOnly BirthDate);

    IQueryable<Person> people = new[]
    {
        new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16)),
        new Person(10944, "António Langa", new DateOnly(1991, 12, 1)),
        new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10)),
        new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27)),
        new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3)),
        new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9)),
    }.AsQueryable();
}

Notice that the first column header is nudged to the right a little bit.

This is what it should look like:

This does not appear to happen on the demo site and looks correct. This seems to only happen when implementing into my own project. A workaround I am using for it is to add css code:

.column-header:not(.select-all):first-of-type {
    padding-inline-start: 0 !important;
}

FluentUI 4.11.3
.NET 9

[vnbaaij]

Fixed with PR mentioned