Add pagination display and update button styling

Introduce a page number display to the pagination controls for better navigation transparency. Update button styles to use CSS variables for improved theme consistency and maintainability.

frontend/src/app/bans/history/history.component.html

@@ -18,7 +18,7 @@
     </div>
     <div>
       <tbody>
-      <tr *ngFor="let entry of history">
+      <tr class="historyPlayerRow" *ngFor="let entry of history">
         <td class="historyType">{{ getType(entry) }}</td>
         <td class="historyPlayer">
           <div class="playerContainer">

frontend/src/app/bans/history/history.component.scss

@@ -60,6 +60,10 @@ table tr td {
   vertical-align: middle;
 }
 
+.historyPlayerRow:hover {
+  background-color: var(--history-table-row-color);
+}
+
 .historyTableHead {
   width: 1300px;
   background-color: var(--history-table-head-color);