feat: workflow template properties (#70)

* feat: add i18n

* refactor/feat: workflow attributes type

* refactor: workflow => gray stat card

* refactor: select menu with search => separator

* feat: workflow => workflow step properties

* fix: workflow type

* fix: dialog properties component => model data

* fix: form flow => prevent toggle expansion with keyboard

* refactor: workflow step data & change status

* fix: form flow properties btn

* refactor: side menu => hide sub index

* feat: workflow => avatar & status on table

* refactor: workflow => drawer id and dialog id

* feat: workflow => card

* fix: agencies => format address

src/components/shared/SelectMenuWithSearch.vue

@@ -11,12 +11,14 @@ const props = withDefaults(
 
     option: Record<string, unknown>[];
     optionLabel?: string;
+    separatorIndex?: number[];
   }>(),
   {
     readonly: false,
     option: () => [],
     optionLabel: 'label',
     offset: () => [0, 12],
+    separatorIndex: () => [],
   },
 );
 
@@ -88,6 +90,7 @@ defineEmits<{
         dense
         :key="i"
         class="flex items-center"
+        :class="{ 'bordered-t': separatorIndex.includes(i) }"
         clickable
         @click.stop="$emit('select', opt)"
       >
@@ -100,6 +103,10 @@ defineEmits<{
         </span>
       </q-item>
     </template>
+
+    <template v-if="$slots.append">
+      <slot name="append"></slot>
+    </template>
   </q-menu>
 </template>
 <style scoped></style>