fix(settings): align about-page import/export icon semantics

packages/app-tests/settingsTransferPanel.test.ts

@@ -0,0 +1,31 @@
+import assert from "node:assert/strict";
+import { readFileSync } from "node:fs";
+import { test } from "vitest";
+import { compileScript, compileTemplate, parse } from "vue/compiler-sfc";
+
+const panelPath = "apps/desktop/src/components/settings/SettingsTransferPanel.vue";
+
+function source(path: string): string {
+  return readFileSync(path, "utf8");
+}
+
+test("settings transfer panel SFC compiles", () => {
+  const { descriptor, errors } = parse(source(panelPath), { filename: panelPath });
+  assert.deepEqual(errors, [], `${panelPath} should parse without SFC errors`);
+  assert.ok(descriptor.scriptSetup, `${panelPath} should have a script setup block`);
+  compileScript(descriptor, { id: panelPath });
+  assert.ok(descriptor.template, `${panelPath} should have a template`);
+  const result = compileTemplate({ id: panelPath, filename: panelPath, source: descriptor.template.content });
+  assert.deepEqual(result.errors, [], `${panelPath} template should compile`);
+});
+
+test("about-page settings transfer buttons follow local-container icon semantics", () => {
+  const panel = source(panelPath);
+
+  // Treat the app as a local container: import brings data in (Download),
+  // export sends data out (Upload). Same contract as SQL library / formatter.
+  assert.match(panel, /@click="onImportClick"[\s\S]{0,200}<Download v-else/);
+  assert.match(panel, /@click="onExportClick"[\s\S]{0,200}<Upload v-else/);
+  assert.doesNotMatch(panel, /@click="onImportClick"[\s\S]{0,200}<Upload v-else/);
+  assert.doesNotMatch(panel, /@click="onExportClick"[\s\S]{0,200}<Download v-else/);
+});