Style Pager in TheTheme (#17268)

src/OrchardCore.Themes/TheTheme/Views/Pager.cshtml

@@ -0,0 +1,8 @@
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Links";
+}
+
+<nav aria-label="@T["Listing pages"]">
+    @await DisplayAsync(Model)
+</nav>

src/OrchardCore.Themes/TheTheme/Views/Pager_CurrentPage.cshtml

@@ -0,0 +1,13 @@
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Link";
+    var parentTag = Model.Tag as TagBuilder;
+
+    if (parentTag != null)
+    {
+        parentTag.AddCssClass("active");
+        parentTag.MergeAttribute("aria-current", "page");
+    }
+}
+
+@await DisplayAsync(Model)

src/OrchardCore.Themes/TheTheme/Views/Pager_First.cshtml

@@ -0,0 +1,18 @@
+@using Microsoft.AspNetCore.Html
+
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Link";
+    var value = new HtmlContentBuilder();
+    value.AppendHtml("<i class=\"fa-solid fa-angles-left\"></i>");
+    Model.Value = value;
+
+    var parentTag = Model.Tag as TagBuilder;
+
+    if (parentTag != null)
+    {
+        parentTag.MergeAttribute("title", T["Go to first page."].Value);
+    }
+}
+
+@await DisplayAsync(Model)

src/OrchardCore.Themes/TheTheme/Views/Pager_Gap.cshtml

@@ -0,0 +1,11 @@
+@using Microsoft.AspNetCore.Html
+
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Link";
+    var value = new HtmlContentBuilder();
+    value.AppendHtml("<i class=\"fa-solid fa-ellipsis\"></i>");
+    Model.Value = value;
+}
+
+@await DisplayAsync(Model)

src/OrchardCore.Themes/TheTheme/Views/Pager_Last.cshtml

@@ -0,0 +1,18 @@
+@using Microsoft.AspNetCore.Html
+
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Link";
+    var value = new HtmlContentBuilder();
+    value.AppendHtml("<i class=\"fa-solid fa-angles-right\"></i>");
+    Model.Value = value;
+
+    var parentTag = Model.Tag as TagBuilder;
+
+    if (parentTag != null)
+    {
+        parentTag.MergeAttribute("title", T["Go to last page."].Value);
+    }
+}
+
+@await DisplayAsync(Model)

src/OrchardCore.Themes/TheTheme/Views/Pager_Link.cshtml

@@ -0,0 +1,13 @@
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "ActionLink";
+    Model.Classes.Add("page-link");
+    var parentTag = Model.Tag as TagBuilder;
+
+    if (parentTag != null)
+    {
+        parentTag.AddCssClass("page-item");
+    }
+}
+
+@await DisplayAsync(Model)

src/OrchardCore.Themes/TheTheme/Views/Pager_Next.cshtml

@@ -0,0 +1,18 @@
+@using Microsoft.AspNetCore.Html
+
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Link";
+    var value = new HtmlContentBuilder();
+    value.AppendHtml("<i class=\"fa-solid fa-angle-right\"></i>");
+    Model.Value = value;
+
+    var parentTag = Model.Tag as TagBuilder;
+
+    if (parentTag != null)
+    {
+        parentTag.MergeAttribute("title", T["Go to next page."].Value);
+    }
+}
+
+@await DisplayAsync(Model)

src/OrchardCore.Themes/TheTheme/Views/Pager_Previous.cshtml

@@ -0,0 +1,18 @@
+@using Microsoft.AspNetCore.Html
+
+@{
+    Model.Metadata.Alternates.Clear();
+    Model.Metadata.Type = "Pager_Link";
+    var value = new HtmlContentBuilder();
+    value.AppendHtml("<i class=\"fa-solid fa-angle-left\"></i>");
+    Model.Value = value;
+
+    var parentTag = Model.Tag as TagBuilder;
+
+    if (parentTag != null)
+    {
+        parentTag.MergeAttribute("title", T["Go to previous page."].Value);
+    }
+}
+
+@await DisplayAsync(Model)