* Complete add-player modal

* New player listing
* New player action layout

templates/components/home_player_list.html

@@ -1,8 +1,32 @@
 {{ define "home_player_list" }}
 
-<label for="home-player-list" class="col-form-label col-form-label-lg pt-0">Spieler:</label>
-<select multiple class="form-control form-control-lg overflow-auto border-secondary" id="home-player-list" size="10">
-    <!-- Player list items go here -->
-</select>
+<div class="row">
+    <div class="col">
+        <div id="home-player-list" class="border rounded p-1 overflow-auto" style="height: 47vh;">
+
+        </div>
+    </div>
+    <div class="col-auto ps-0">
+        <div class="btn-group-vertical btn-group-lg" role="group">
+            <button type="button" class="btn btn-outline-secondary text-primary-emphasis"><i class="bi bi-check-square fs-4"></i></button>
+            <button type="button" class="btn btn-outline-secondary text-primary-emphasis"><i class="bi bi-square fs-4"></i></button>
+        </div>
+        <br>
+        <button type="button" class="btn btn-outline-secondary text-success px-3 mt-2 bg-secondary-subtle" id="home-player-add" data-bs-toggle="modal" data-bs-list="#home-player-list" data-bs-target="#addPlayerModal" disabled>
+            <i class="bi bi-person-add fs-4"></i>
+        </button>
+        <br>
+        <div class="vstack text-center border border-secondary rounded mt-2">
+            <i class="bi bi-ui-checks fs-4 mt-2 mb-1"></i>
+            <span class="badge fs-5 mb-2">0</span>
+        </div>
+    </div>
+</div>
+
+<script lang="javascript">
+    document.addEventListener('DOMContentLoaded', function() {
+        setupPlayerButtons('home-clan', 'home-player-list', 'home-player-add');
+    });
+</script>
 
 {{ end }}