add school year model

src/pages/reimbursements/ReimbursementsIndexPage.tsx

@@ -1,6 +1,7 @@
 import { type FormEvent, useEffect, useMemo, useState } from 'react'
 import { Link, useSearchParams } from 'react-router-dom'
 import { ApiHttpError } from '../../api/http'
+import { useSchoolYearOptions } from '../../hooks/useSchoolYearOptions'
 import {
   downloadBatchCsv,
   downloadReimbursementsExport,
@@ -92,6 +93,10 @@ export function ReimbursementsIndexPage() {
   }
 
   const schoolYears = data?.schoolYears ?? []
+  const { options } = useSchoolYearOptions({
+    legacyYears: schoolYears,
+    preferredYear: schoolYear,
+  })
   const users = data?.users ?? []
   const batchSummaries = (data?.batchSummaries ?? []) as BatchSummaryRow[]
   const batchDetails = data?.batchDetails ?? {}
@@ -188,9 +193,9 @@ export function ReimbursementsIndexPage() {
           <label className="form-label">School Year</label>
           <select name="school_year" className="form-select" defaultValue={schoolYear}>
             <option value="">All</option>
-            {schoolYears.map((sy) => (
-              <option key={sy} value={sy}>
-                {sy}
+            {options.map((option) => (
+              <option key={option.value} value={option.value}>
+                {option.label}
               </option>
             ))}
           </select>