Categorize setting items (#338)

* Basic setting panel rework

* refactor

* Style the setting item

* Reject invalid value

* nit

* nit

* Sort settings by label

* info chip as icon

* nit

src/components/dialog/header/SettingDialogHeader.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <h2>
+      <i class="pi pi-cog"></i>
+      <span>Settings</span>
+      <Tag :value="frontendVersion" severity="secondary" class="version-tag" />
+    </h2>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Tag from 'primevue/tag'
+const frontendVersion = 'v' + window['__COMFYUI_FRONTEND_VERSION__']
+</script>
+
+<style scoped>
+.pi-cog {
+  font-size: 1.25rem;
+  margin-right: 0.5rem;
+}
+.version-tag {
+  margin-left: 0.5rem;
+}
+</style>