fix apply the plan docs/alrahma_api_fix_plan_school_year_only_v7

src/components/schoolYear/SchoolYearSelector.tsx

@@ -9,7 +9,7 @@ export function SchoolYearSelector({ compact = false }: { compact?: boolean }) {
     selectedSchoolYear,
     isLoadingSchoolYears,
     schoolYearError,
-    setSelectedSchoolYearId,
+    setSelectedSchoolYearName,
   } = useSchoolYear()
   const selectId = useId()
 
@@ -29,18 +29,17 @@ export function SchoolYearSelector({ compact = false }: { compact?: boolean }) {
       <select
         id={selectId}
         className="form-select form-select-sm"
-        value={selectedSchoolYear?.id ?? ''}
+        value={selectedSchoolYear?.name ?? ''}
         disabled={isLoadingSchoolYears || schoolYears.length === 0}
         onChange={(event) => {
-          const id = Number(event.target.value)
-          setSelectedSchoolYearId(Number.isFinite(id) && id > 0 ? id : null)
+          setSelectedSchoolYearName(event.target.value || null)
         }}
       >
         {isLoadingSchoolYears && schoolYears.length === 0 ? (
           <option value="">Loading…</option>
         ) : null}
         {schoolYears.map((year) => (
-          <option key={year.id} value={year.id}>
+          <option key={year.name} value={year.name}>
             {year.name}
             {isCurrentSchoolYear(year) ? ' Current' : ''}
             {year.status && !isCurrentSchoolYear(year) ? ` ${year.status}` : ''}