[Issue] Year View Navigator on Calendar Displays Extreme Years (#158)

* Prevent year navigation beyond available data range in calendar

- Added logic in `changePeriod` function to restrict year navigation within the bounds of available calendar data.
- Defined `maxYear` and `minYear` based on the calendar data's start and end dates.
- Ensured that users cannot select a year beyond the maximum or below the minimum year available in the calendar data.

* Changed to 'auto' to disable smooth scrolling for better user experience

* Restored smooth scrolling, and added code to simply not scroll to the next year or previous year if
    newYear > maxYear || newYear < minYear
is true

scripts/program-calendar.js

@@ -330,6 +330,8 @@ function changePeriod(event) {
     const contentWrapper = document.querySelector('.calendar-content-wrapper');
     const view = contentWrapper.dataset.view;
     const currentYear = parseInt(yearEl.dataset.year);
+    const maxYear = viewEnd.getUTCFullYear(); // Use the maximum year from the viewEnd variable
+    const minYear = viewStart.getUTCFullYear(); // Use the minimum year from the viewStart variable
 
     let newPeriod, newYear, newQuarter;
 
@@ -349,6 +351,12 @@ function changePeriod(event) {
         newYear = (direction == 'right') ? (currentYear + 1) : (currentYear - 1);
         newQuarter = 1;
     }
+
+    // Prevent the year from going beyond the maximum or minimum year
+    if (newYear > maxYear || newYear < minYear) {
+        return;
+    }
+
     newPeriod = { 'year': newYear, 'quarter': newQuarter };
     refreshCalendar(newPeriod, view);
 }
@@ -637,4 +645,4 @@ function calculateScroll(type, viewStartYear, displayYear, displayQuarter, numYe
 
 function isValidDate(dateObj) {
     return dateObj instanceof Date && !isNaN(dateObj);
-}
+}