[TASK] improve style searchable table

templates/stat.boats.html.tera

@@ -1,21 +1,7 @@
 {% import "includes/macros" as macros %}
 {% extends "base" %}
 {% block content %}
-    <style>
-	.dt-input {
-		color: black;
-	}
-	.dt-selector {
-		width: 70px;
-	}
-	.dt-table th{
-	min-width: 100px;
-	}
-	.dt-table td {
-		border: 1px gray solid;
-	}
-}
-    </style>
+    <link rel="stylesheet" href="/public/table.css" />
     <div class="max-w-screen-lg w-full">
         <h1 class="h1">Bootsauswertung</h1>
         <div class="text-black dark:text-white">
@@ -48,12 +34,5 @@
         </div>
     </div>
     <script src="/public/jstable.min.js"></script>
-    <script>new JSTable("#basic", {
-		perPage: 100,
-		perPageSelect: [10,100],
-		labels: {
-			placeholder: 'Suchen (zB "Linz")'
-		}
-	});
-    </script>
+    <script src="/public/table.js"></script>
 {% endblock content %}