Remove bind of project month in resident calendar options

src/routes/+page.svelte

@@ -9,18 +9,6 @@
 
   import { rota, steps } from "./state.svelte.js";
   import Generate from "./components/schedule/generate.svelte";
-
-  $inspect(rota.selectedMonth).with((type, value) => {
-    trace(`[Month: ${type}]: ${value}`);
-  });
-  $inspect(rota.selectedYear).with((type, value) => {
-    trace(`[Year: ${type}]: ${value}`);
-  });
-
-  $inspect(rota.holidays).with((type, value) => {
-    const readableHolidays = JSON.stringify($state.snapshot(value));
-    trace(`[Holidays: ${type}]: ${readableHolidays}`);
-  });
 </script>
 
 <main

src/routes/components/configurations/basic.svelte

@@ -44,6 +44,7 @@
     <div class="relative">
       <select
         bind:value={rota.selectedMonth}
+        onchange={() => rota.syncProjectMonth()}
         class="w-full appearance-none rounded-xl border border-zinc-200 bg-white px-4 py-3 font-semibold text-zinc-700 transition-all outline-none focus:border-zinc-400 focus:ring-4 focus:ring-zinc-100"
       >
         {#each monthOptions as month}
@@ -71,6 +72,7 @@
     <div class="relative">
       <select
         bind:value={rota.selectedYear}
+        onchange={() => rota.syncProjectMonth()}
         class="w-full appearance-none rounded-xl border border-zinc-200 bg-white px-4 py-3 font-semibold text-zinc-700 transition-all outline-none focus:border-zinc-400 focus:ring-4 focus:ring-zinc-100"
       >
         {#each yearOptions as year}

src/routes/components/configurations/residents.svelte

@@ -127,7 +127,7 @@
                   );
                 }}
                 bind:value={resident.negativeShifts}
-                bind:placeholder={rota.projectMonth}
+                placeholder={rota.projectMonth}
                 numberOfMonths={1}
                 class="select-none"
               >
@@ -241,7 +241,7 @@
                   return resident.negativeShifts.some((s) => s.compare(date) === 0);
                 }}
                 bind:value={resident.manualShifts}
-                bind:placeholder={rota.projectMonth}
+                placeholder={rota.projectMonth}
                 numberOfMonths={1}
                 class="select-none"
               >

src/routes/state.svelte.ts

@@ -24,7 +24,12 @@ export class RotaState {
   holidays = $state<CalendarDate[]>([]);
   forbiddenPairs = $state<ForbiddenPair[]>([]);
 
-  projectMonth = $derived(new CalendarDate(this.selectedYear, this.selectedMonth, 1));
+  projectMonth = $state(new CalendarDate(2026, 2, 1));
+
+  syncProjectMonth() {
+    this.projectMonth = new CalendarDate(this.selectedYear, this.selectedMonth, 1);
+  }
+
   projectMonthDays = $derived(this.projectMonth.calendar.getDaysInMonth(this.projectMonth));
   daysArray = $derived(Array.from({ length: this.projectMonthDays }, (_, i) => i + 1));
   emptySlots = $derived(Array.from({ length: getDayOfWeek(this.projectMonth, "en-GB") }));