Add calendar view via FullCalendar library

Closes: #40

templates/index.html

@@ -7,6 +7,41 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Agenda</title>
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+
+    <script type='importmap'>
+      {
+        "imports": {
+          "@fullcalendar/core": "https://cdn.skypack.dev/@fullcalendar/core@6.1.9",
+          "@fullcalendar/daygrid": "https://cdn.skypack.dev/@fullcalendar/daygrid@6.1.9",
+          "@fullcalendar/timegrid": "https://cdn.skypack.dev/@fullcalendar/timegrid@6.1.9",
+          "@fullcalendar/list": "https://cdn.skypack.dev/@fullcalendar/list@6.1.9"
+        }
+      }
+    </script>
+    <script type='module'>
+      import { Calendar } from '@fullcalendar/core'
+      import dayGridPlugin from '@fullcalendar/daygrid'
+      import timeGridPlugin from '@fullcalendar/timegrid'
+      import listPlugin from '@fullcalendar/list'
+
+      document.addEventListener('DOMContentLoaded', function() {
+        const calendarEl = document.getElementById('calendar')
+        const calendar = new Calendar(calendarEl, {
+          plugins: [dayGridPlugin, timeGridPlugin, listPlugin ],
+          themeSystem: 'bootstrap5',
+          firstDay: 1,
+          initialView: 'timeGridWeek',
+          headerToolbar: {
+            left: 'prev,next today',
+            center: 'title',
+            right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+          },
+          events: {{ fullcalendar_events | tojson(indent=2) }}
+        })
+        calendar.render()
+      })
+    </script>
+
 </head>
 
 {% set event_labels = {
@@ -64,7 +99,11 @@
     <p>{{ market }}</p>
   {% endfor %}
 
-  <table class="table table-hover w-auto">
+  <div class="mb-3" id="calendar"></div>
+
+  <h3>Agenda</h3>
+
+  <table class="mt-2 table table-hover">
   {% for event in events %}
   <tr>
     <td class="text-end">