fix: Improve time selection, add ifs0.4° deprecation note (#344)

src/routes/+page.svelte

@@ -49,7 +49,7 @@
 		</p>
 		<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
 			<a href="/en/features" class="btn btn-primary btn-lg px-4 me-sm-3 mr-2">Features</a>
-			<a href="/en/docs" class="btn btn-outline-light btn-lg px-4">Documentation</a>
+			<a href="/en/docs" class="btn btn-outline-light btn-lg px-4">Try the API here!</a>
 		</div>
 	</div>
 </div>

src/routes/en/docs/ecmwf-api/+page.svelte

@@ -446,7 +446,7 @@
 				{/each}
 				<div class="col-md-12">
 					<small class="text-muted"
-						>Note: IFS in 0.4° resolution will be discontinued in the future.</small
+						>Note: IFS in 0.4° resolution will be discontinued on 27th November 2024.</small
 					>
 				</div>
 			</AccordionItem>

src/routes/en/docs/historical-forecast-api/+page.svelte

@@ -349,6 +349,12 @@
 						($params.start_date = '2023-01-01'), ($params.end_date = '2023-12-31')
 					)}>2023</button
 				>
+				<button
+				class="btn btn-outline-primary btn-sm"
+				on:click|preventDefault={() => (
+					($params.start_date = '2024-01-01'), ($params.end_date = endDate)
+				)}>2024</button
+			>
 			</p>
 		</div>
 	</div>

src/routes/en/docs/historical-weather-api/+page.svelte

@@ -279,13 +279,13 @@
 					class="btn btn-outline-primary btn-sm"
 					on:click|preventDefault={() => (
 						($params.start_date = '2000-01-01'), ($params.end_date = '2009-12-31')
-					)}>2000-2010</button
+					)}>2000-2009</button
 				>
 				<button
 					class="btn btn-outline-primary btn-sm"
 					on:click|preventDefault={() => (
 						($params.start_date = '2010-01-01'), ($params.end_date = '2019-12-31')
-					)}>2010-2022</button
+					)}>2010-2019</button
 				>
 				<button
 					class="btn btn-outline-primary btn-sm"
@@ -305,6 +305,18 @@
 						($params.start_date = '2022-01-01'), ($params.end_date = '2022-12-31')
 					)}>2022</button
 				>
+				<button
+					class="btn btn-outline-primary btn-sm"
+					on:click|preventDefault={() => (
+						($params.start_date = '2023-01-01'), ($params.end_date = '2023-12-31')
+					)}>2023</button
+				>
+				<button
+					class="btn btn-outline-primary btn-sm"
+					on:click|preventDefault={() => (
+						($params.start_date = '2024-01-01'), ($params.end_date = endDate)
+					)}>2024</button
+				>
 			</p>
 		</div>
 	</div>