implermented key display

src/templates/pages/key-manager.php

@@ -2,11 +2,15 @@
 declare(strict_types=1);
 
 use GamesShop\Entities\Games\KeyAttribute;
+use League\Plates\Template\Template;
+
+assert($this instanceof Template);
 
 $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
 ?>
 <meta name="key-attributes" content="<?= htmlspecialchars(json_encode(KeyAttribute::casesAsAssociative())) ?>" />
 
+<h1>My Keys</h1>
 <ul id="key-tab" class="nav nav-tabs">
     <li class="nav-item">
         <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#keys-tab-pane" role="tab">
@@ -21,9 +25,20 @@ $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
 </ul>
 <div class="tab-content">
     <div class="tab-pane fade show active" id="keys-tab-pane" role="tabpanel">
-        Key Table
+        <table class="table table-striped key-table">
+            <thead>
+                <tr>
+                    <td></td>
+                    <td>Game Name</td>
+                    <td>Amount Keys</td>
+                    <td>IGDB State</td>
+                </tr>
+            </thead>
+            <tbody></tbody>
+        </table>
     </div>
     <div class="tab-pane fade" id="import-tab-pane" role="tabpanel">
+        <h2>Importer</h2>
         <label for="formFile" class="form-label mt-3">Insert import file:</label>
 
         <div class="mb-3 input-group">
@@ -32,6 +47,8 @@ $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
         </div>
 
         <div class="d-none" id="import-info-container">
+            <h3>Import Details:</h3>
+
             <table class="table table-striped w-100" id="import-attribute-table">
                 <thead>
                     <tr>