feat: Add warning when there is a mismatch between WebUI and firmware

src/lib/locales/de.json

@@ -89,7 +89,8 @@
 			"hostname": "Hostname",
 			"frontlight": "Displaybeleuchtung",
 			"turnOn": "Einschalten",
-			"flashFrontlight": "Blinken"
+			"flashFrontlight": "Blinken",
+			"fwCommitMismatch": "Die Firmware -Version unterscheidet sich von der WebUI -Version, dies kann zu Problemen führen."
 		},
 		"status": {
 			"title": "Status",

src/lib/locales/en.json

@@ -108,7 +108,8 @@
 			"turnOn": "Turn on",
 			"flashFrontlight": "Flash",
 			"firmwareUpdate": "Firmware update",
-			"fwCommit": "Firmware commit"
+			"fwCommit": "Firmware commit",
+			"fwCommitMismatch": "The firmware version is different from the WebUI version, this might cause problems. "
 		},
 		"status": {
 			"title": "Status",

src/lib/locales/es.json

@@ -88,7 +88,8 @@
 			"hostname": "Nombre del host",
 			"turnOn": "Encender",
 			"frontlight": "Luz de la pantalla",
-			"flashFrontlight": "Luz intermitente"
+			"flashFrontlight": "Luz intermitente",
+			"fwCommitMismatch": "La versión de firmware es diferente de la versión WebUI, esto podría causar problemas."
 		},
 		"status": {
 			"memoryFree": "Memoria RAM libre",

src/lib/locales/nl.json

@@ -79,7 +79,8 @@
 			"title": "Besturing",
 			"frontlight": "Displaylicht",
 			"turnOn": "Aanzetten",
-			"flashFrontlight": "Knipper"
+			"flashFrontlight": "Knipper",
+			"fwCommitMismatch": "De firmwareversie verschilt van de WebUI -versie, dit kan problemen veroorzaken."
 		},
 		"status": {
 			"title": "Status",

src/routes/Control.svelte

@@ -13,7 +13,8 @@
 		Form,
 		Input,
 		Label,
-		Row
+		Row,
+		Alert
 	} from '@sveltestrap/sveltestrap';
 	import FirmwareUpdater from './FirmwareUpdater.svelte';
 	import { uiSettings } from '$lib/uiSettings';
@@ -226,6 +227,11 @@
 				<li>WebUI commit: <Placeholder value={$settings.fsRev} /></li>
 				<li>{$_('section.control.hostname')}: <Placeholder value={$settings.hostname} /></li>
 			</ul>
+			{#if $settings.gitRev != $settings.fsRev}
+				<Alert color="warning">
+					⚠️ <strong>{$_('warning')}</strong>: {$_('section.control.fwCommitMismatch')}
+				</Alert>
+			{/if}
 			<Row>
 				<Col class="d-flex justify-content-end">
 					<Button color="danger" id="restartBtn" on:click={restartClock}