New route to delete the next alarm

ui/src/routes/+page.svelte

@@ -7,8 +7,9 @@
 
  import CycleCounter from '$lib/components/CycleCounter.svelte';
  import DateFormat from '$lib/components/DateFormat.svelte';
- import { isAlarmActive, alarmNextTrack, runAlarm, alarmStop } from '$lib/alarm';
+ import { isAlarmActive, alarmNextTrack, runAlarm, alarmStop, deleteNextAlarm } from '$lib/alarm';
  import { getNextAlarm, newNCyclesAlarm } from '$lib/alarmsingle';
+ import { alarmsExceptions } from '$lib/stores/alarmexceptions';
  import { alarmsSingle } from '$lib/stores/alarmsingle';
  import { quotes } from '$lib/stores/quotes';
 
@@ -43,6 +44,14 @@
      })
  }
 
+ function dropNextAlarm() {
+     deleteNextAlarm().then(() => {
+         alarmsExceptions.clear();
+         alarmsSingle.clear();
+         reloadNextAlarm();
+     });
+ }
+
  let extinctionInProgress = false;
 </script>
 
@@ -90,6 +99,13 @@
                 {:else}
                     <DateFormat date={nextalarm} dateStyle="short" timeStyle="long" />
                 {/if}
+                <button
+                    class="btn btn-lg btn-link"
+                    title="Supprimer ce prochain réveil"
+                    on:click={dropNextAlarm}
+                >
+                    <Icon name="x-circle-fill" />
+                </button>
             {/if}
         {/await}
     </div>