Enable New UI by default (#1460)

* Enable New UI by default

* nit

* Add playwright test

* nit

* nit

* nit

src/components/dialog/content/setting/FirstTimeUIMessage.vue

@@ -0,0 +1,25 @@
+<template>
+  <Message
+    v-if="show"
+    class="first-time-ui-message m-2"
+    severity="info"
+    :closable="true"
+    @close="handleClose"
+  >
+    {{ $t('firstTimeUIMessage') }}
+  </Message>
+</template>
+
+<script setup lang="ts">
+import { useSettingStore } from '@/stores/settingStore'
+import Message from 'primevue/message'
+import { computed } from 'vue'
+
+const settingStore = useSettingStore()
+const show = computed(() => !settingStore.exists('Comfy.UseNewMenu'))
+const handleClose = () => {
+  // Explicitly write the current value to the store.
+  const currentValue = settingStore.get('Comfy.UseNewMenu')
+  settingStore.set('Comfy.UseNewMenu', currentValue)
+}
+</script>