Added table headings and darkmode fix

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

@@ -6,7 +6,8 @@
     </div>
   </app-header>
 
-  <div class="container">
+  <div class="darkmodeSection">
+    <div class="columnSection">
       <div class="columnContainer">
         <button (click)="punishmentType = 'all'">all</button>
         <button (click)="punishmentType = 'ban'">bans</button>
@@ -17,4 +18,5 @@
         <app-history [userType]="userType" [punishmentType]="punishmentType"></app-history>
       </div>
     </div>
+  </div>
 </ng-container>

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

@@ -4,6 +4,13 @@
 
 <ng-container *ngIf="history.length > 0">
   <table>
+    <tr>
+      <th>Player</th>
+      <th>Banned By</th>
+      <th>Reason</th>
+      <th>Date</th>
+      <th>Expires</th>
+    </tr>
     <tr *ngFor="let entry of history">
       <td>{{ entry.username }}</td>
       <td>{{ entry.punishedBy }}</td>