feat: add acknowledgment checkbox for version changes in advanced settings

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

.vscode/settings.json

@@ -10,5 +10,5 @@
     ]
   },
   "git.ignoreLimitWarning": true,
-  "cmake.sourceDirectory": "/workspaces/kvm-sleep-mode/internal/native/cgo"
+  "cmake.sourceDirectory": "internal/native/cgo"
 }

ui/src/routes/devices.$id.settings.advanced.tsx

@@ -31,6 +31,7 @@ export default function SettingsAdvancedRoute() {
   const [appVersion, setAppVersion] = useState<string>("");
   const [systemVersion, setSystemVersion] = useState<string>("");
   const [resetConfig, setResetConfig] = useState(false);
+  const [versionChangeAcknowledged, setVersionChangeAcknowledged] = useState(false);
 
   const settings = useSettingsStore();
 
@@ -203,7 +204,7 @@ export default function SettingsAdvancedRoute() {
       const pageParams = new URLSearchParams();
       pageParams.set("downgrade", "true");
       pageParams.set("resetConfig", resetConfig.toString());
-      pageParams.set("components", updateTarget == "both" ? "app,system" : updateTarget);
+      pageParams.set("components", updateTarget === "both" ? "app,system" : updateTarget);
 
       // Navigate to update page
       navigateTo(`/settings/general/update?${pageParams.toString()}`);
@@ -354,7 +355,15 @@ export default function SettingsAdvancedRoute() {
                   checked={resetConfig}
                   onChange={e => setResetConfig(e.target.checked)}
                 />
-                </div>
+              </div>
+
+              <div>
+                <CheckboxWithLabel
+                  label="I understand version changes may break my device and require factory reset"
+                  checked={versionChangeAcknowledged}
+                  onChange={e => setVersionChangeAcknowledged(e.target.checked)}
+                />
+              </div>
 
               <Button
                 size="SM"
@@ -363,7 +372,8 @@ export default function SettingsAdvancedRoute() {
                 disabled={
                   (updateTarget === "app" && !appVersion) ||
                   (updateTarget === "system" && !systemVersion) ||
-                  (updateTarget === "both" && (!appVersion || !systemVersion))
+                  (updateTarget === "both" && (!appVersion || !systemVersion)) ||
+                  !versionChangeAcknowledged
                 }
                 onClick={handleVersionUpdate}
               />

ui/src/routes/devices.$id.settings.general.update.tsx

@@ -14,8 +14,7 @@ import { m } from "@localizations/messages.js";
 export default function SettingsGeneralUpdateRoute() {
   const navigate = useNavigate();
   const location = useLocation();
-  //@ts-ignore
-  const [searchParams, setSearchParams] = useSearchParams();
+  const [searchParams] = useSearchParams();
   const { updateSuccess } = location.state || {};
 
   const { setModalView, otaState } = useUpdateStore();