Updated styling and components for punishment history

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

@@ -7,6 +7,7 @@
     <div style="width: 1300px; background-color: #dadada;">
       <thead>
       <tr>
+        <th class="historyType">Type</th>
         <th class="historyPlayer">Player</th>
         <th class="historyPlayer">Banned By</th>
         <th class="historyReason">Reason</th>
@@ -18,7 +19,12 @@
     <div>
       <tbody>
       <tr *ngFor="let entry of history">
-        <td class="historyPlayer">{{ entry.username }}</td>
+        <td class="historyType">{{ getType(entry) }}</td>
+        <td class="historyPlayer">
+          <img class="avatar" ngSrc="https://cravatar.eu/avatar/cba80e47fcbc407aa5ad37a933b7fe30/25" width="25px"
+               height="25px" alt="">
+          {{ entry.username }}
+        </td>
         <td class="historyPlayer">{{ entry.punishedBy }}</td>
         <td class="historyReason">{{ entry.reason }}</td>
         <td class="historyDate">{{ getPunishmentTime(entry) }}</td>