fix(feedback): use dynamic app version and platform detection

The feedback form had hardcoded platform "macos" and version "1.2.1".
Now uses getVersion() from Tauri API and detects platform from
navigator.userAgent.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bealqiu

packages/app/src/components/settings/FeedbackSettings.tsx

@@ -36,6 +36,7 @@ import {
 import type { LucideIcon } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { getVersion } from "@tauri-apps/api/app";
 
 const FEEDBACK_TYPES: {
   key: FeedbackType;
@@ -65,16 +66,25 @@ export function FeedbackSettings() {
   );
   const remaining = getRemainingSubmissions();
 
-  const deviceInfo: DeviceInfo = useMemo(
-    () =>
-      collectDeviceInfo({
-        platform: "macos",
-        osVersion: navigator.userAgent,
-        appVersion: "1.2.1",
-        locale: navigator.language,
-      }),
-    [],
-  );
+  const [appVersion, setAppVersion] = useState("...");
+  useEffect(() => {
+    getVersion().then(setAppVersion).catch(() => setAppVersion("unknown"));
+  }, []);
+
+  const deviceInfo: DeviceInfo = useMemo(() => {
+    const ua = navigator.userAgent.toLowerCase();
+    const platform: DeviceInfo["platform"] = ua.includes("win")
+      ? "windows"
+      : ua.includes("linux")
+        ? "linux"
+        : "macos";
+    return collectDeviceInfo({
+      platform,
+      osVersion: navigator.userAgent,
+      appVersion,
+      locale: navigator.language,
+    });
+  }, [appVersion]);
 
   const loadRecords = useCallback(async (refreshStatus = false) => {
     const history = await getFeedbackHistory();