.NET MAUI Pager - Responsive and Rich UI

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:sfgrid="clr-namespace:Syncfusion.Maui.DataGrid;assembly=Syncfusion.Maui.DataGrid"
             xmlns:sfpager="clr-namespace:Syncfusion.Maui.DataPager;assembly=Syncfusion.Maui.DataPager"
             xmlns:local="clr-namespace:GettingStarted"
             x:Class="GettingStarted.MainPage">
    <ContentPage.BindingContext>
        <local:OrderInfoRepository x:Name="viewModel" />
    </ContentPage.BindingContext>
    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="52" />
            </Grid.RowDefinitions>
            <sfgrid:SfDataGrid x:Name="dataGrid"
                               Grid.Row="0"
                               ItemsSource="{Binding Source={x:Reference dataPager}, Path=PagedSource }" />
            <sfpager:SfDataPager x:Name="dataPager"
                                 Grid.Row="1"
                                 PageSize="20"
                                 PageCount="8"
                                 NumericButtonCount="10"
                                 TargetGrid="{Reference dataGrid}"
                                 Source="{Binding DealerInformation}" />
        </Grid>
    </ContentPage.Content>
</ContentPage>