added season types and changed new season to be a modal

internal/view/seasonsview/list_page.templ

@@ -12,8 +12,14 @@ import "git.haelnorr.com/h/oslstats/internal/permissions"
 
 templ ListPage(seasons *db.List[db.Season]) {
 	@baseview.Layout("Seasons") {
+		<!-- Flatpickr CSS -->
+		<link rel="stylesheet" href="/static/vendored/flatpickr@4.6.13.min.css"/>
+		<link rel="stylesheet" href="/static/css/flatpickr-catppuccin.css"/>
+		<!-- Flatpickr JS -->
+		<script src="/static/vendored/flatpickr@4.6.13.min.js"></script>
 		<div class="max-w-screen-2xl mx-auto px-2">
 			@SeasonsList(seasons)
+			@NewSeasonModal()
 		</div>
 	}
 }
@@ -63,13 +69,14 @@ templ SeasonsList(seasons *db.List[db.Season]) {
 			<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6 px-4">
 				<div class="flex gap-4 items-center">
 					<span class="text-3xl font-bold">Seasons</span>
-					if canAddSeason {
-						<a
-							href="/seasons/new"
-							class="rounded-lg px-2 py-1 hover:cursor-pointer text-center text-sm
+				if canAddSeason {
+					<button
+						type="button"
+						@click="$dispatch('open-new-season-modal')"
+						class="rounded-lg px-2 py-1 hover:cursor-pointer text-center text-sm
               bg-green hover:bg-green/75 text-mantle transition"
-						>Add season</a>
-					}
+					>Add season</button>
+				}
 				</div>
 				@sort.Dropdown(seasons.PageOpts, sortOpts)
 			</div>