reactivity on adding a new Track

ref #11

src/components/AddTrackModal.svelte

@@ -1,5 +1,6 @@
 <script>
   import { _ } from "svelte-i18n";
+  import { tracks as tracksstore } from "../store.js";
   let trackname_input;
   let trackname_input_value;
   let tracklength;
@@ -20,13 +21,18 @@
         name: trackname_input_value,
       })
         .then((result) => {
-          console.log(result);
           Toastify({
             text: $_("track-added"),
             duration: 500,
             backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
           }).showToast();
           modal_open = false;
+          let storeval = [];
+          tracksstore.subscribe((val) => {
+            storeval = val;
+          });
+          storeval.push(result);
+          tracksstore.set(storeval);
         })
         .catch((err) => {
           //
@@ -101,7 +107,7 @@
                   <div class="mt-1 flex rounded-md shadow-sm">
                     <input
                       bind:value={tracklength}
-                      type="tel"
+                      type="number"
                       name="track_length_m"
                       class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300"
                       placeholder="1000" />