Decouple Desktop UI into monorepo app (#5912)

## Summary

Extracts desktop UI into apps/desktop-ui package with minimal changes.

## Changes

- **What**:
- Separates desktop-specific code into standalone package with
independent Vite config, router, and i18n
- Drastically simplifies the main app router by removing all desktop
routes
  - Adds a some code duplication, most due to the existing design
- Some duplication can be refactored to be *simpler* on either side - no
need to split things by `isElectron()`
  - Rudimentary storybook support has been added
- **Breaking**: Stacked PR for publishing must be merged before this PR
makes it to stable core (but publishing _could_ be done manually)
  - #5915
- **Dependencies**: Takes full advantage of pnpm catalog. No additional
dependencies added.

## Review Focus

- Should be no changes to normal frontend operation
- Scripts added to root package.json are acceptable
- The duplication in this PR is copied as is, wherever possible. Any
corrections or fix-ups beyond the scope of simply migrating the
functionality as-is, can be addressed in later PRs. That said, if any
changes are made, it instantly becomes more difficult to separate the
duplicated code out into a shared utility.
  - Tracking issue to address concerns: #5925

### i18n

Fixing i18n is out of scope for this PR. It is a larger task that we
should consider carefully and implement properly. Attempting to isolate
the desktop i18n and duplicate the _current_ localisation scripts would
be wasted energy.

apps/desktop-ui/src/components/install/DesktopSettingsConfiguration.vue

@@ -0,0 +1,133 @@
+<template>
+  <div class="flex flex-col gap-6 w-[600px]">
+    <div class="flex flex-col gap-4">
+      <h2 class="text-2xl font-semibold text-neutral-100">
+        {{ $t('install.desktopAppSettings') }}
+      </h2>
+
+      <p class="text-neutral-400 my-0">
+        {{ $t('install.desktopAppSettingsDescription') }}
+      </p>
+    </div>
+
+    <div class="flex flex-col bg-neutral-800 p-4 rounded-lg text-sm">
+      <!-- Auto Update Setting -->
+      <div class="flex items-center gap-4">
+        <div class="flex-1">
+          <h3 class="text-lg font-medium text-neutral-100">
+            {{ $t('install.settings.autoUpdate') }}
+          </h3>
+          <p class="text-neutral-400 mt-1">
+            {{ $t('install.settings.autoUpdateDescription') }}
+          </p>
+        </div>
+        <ToggleSwitch v-model="autoUpdate" />
+      </div>
+
+      <Divider />
+
+      <!-- Metrics Collection Setting -->
+      <div class="flex items-center gap-4">
+        <div class="flex-1">
+          <h3 class="text-lg font-medium text-neutral-100">
+            {{ $t('install.settings.allowMetrics') }}
+          </h3>
+          <p class="text-neutral-400">
+            {{ $t('install.settings.allowMetricsDescription') }}
+          </p>
+          <a href="#" @click.prevent="showMetricsInfo">
+            {{ $t('install.settings.learnMoreAboutData') }}
+          </a>
+        </div>
+        <ToggleSwitch v-model="allowMetrics" />
+      </div>
+    </div>
+
+    <!-- Info Dialog -->
+    <Dialog
+      v-model:visible="showDialog"
+      modal
+      dismissable-mask
+      :header="$t('install.settings.dataCollectionDialog.title')"
+      class="select-none"
+    >
+      <div class="text-neutral-300">
+        <h4 class="font-medium mb-2">
+          {{ $t('install.settings.dataCollectionDialog.whatWeCollect') }}
+        </h4>
+        <ul class="list-disc pl-6 space-y-1">
+          <li>
+            {{
+              $t('install.settings.dataCollectionDialog.collect.errorReports')
+            }}
+          </li>
+          <li>
+            {{ $t('install.settings.dataCollectionDialog.collect.systemInfo') }}
+          </li>
+          <li>
+            {{
+              $t(
+                'install.settings.dataCollectionDialog.collect.userJourneyEvents'
+              )
+            }}
+          </li>
+        </ul>
+
+        <h4 class="font-medium mt-4 mb-2">
+          {{ $t('install.settings.dataCollectionDialog.whatWeDoNotCollect') }}
+        </h4>
+        <ul class="list-disc pl-6 space-y-1">
+          <li>
+            {{
+              $t(
+                'install.settings.dataCollectionDialog.doNotCollect.personalInformation'
+              )
+            }}
+          </li>
+          <li>
+            {{
+              $t(
+                'install.settings.dataCollectionDialog.doNotCollect.workflowContents'
+              )
+            }}
+          </li>
+          <li>
+            {{
+              $t(
+                'install.settings.dataCollectionDialog.doNotCollect.fileSystemInformation'
+              )
+            }}
+          </li>
+          <li>
+            {{
+              $t(
+                'install.settings.dataCollectionDialog.doNotCollect.customNodeConfigurations'
+              )
+            }}
+          </li>
+        </ul>
+
+        <div class="mt-4">
+          <a href="https://comfy.org/privacy" target="_blank">
+            {{ $t('install.settings.dataCollectionDialog.viewFullPolicy') }}
+          </a>
+        </div>
+      </div>
+    </Dialog>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Dialog from 'primevue/dialog'
+import Divider from 'primevue/divider'
+import ToggleSwitch from 'primevue/toggleswitch'
+import { ref } from 'vue'
+
+const showDialog = ref(false)
+const autoUpdate = defineModel<boolean>('autoUpdate', { required: true })
+const allowMetrics = defineModel<boolean>('allowMetrics', { required: true })
+
+const showMetricsInfo = () => {
+  showDialog.value = true
+}
+</script>