chore(stage-tamagotchi,ui): improved about page

packages/ui/src/components/form/select/select.vue

@@ -40,6 +40,7 @@ const props = withDefaults(defineProps<{
   contentWidth?: string | number
   shape?: 'rounded' | 'default'
   variant?: 'blurry' | 'default'
+  class?: string | string[]
 }>(), {
   placeholder: 'Select an option',
   disabled: false,
@@ -112,6 +113,7 @@ function toCssSize(value?: string | number): string | undefined {
     <SelectTrigger
       :class="[
         'group',
+        ...Array.isArray(props.class) ? props.class : [props.class],
         'w-full inline-flex items-center justify-between border px-3 leading-none h-9 gap-[5px] outline-none',
         props.shape === 'rounded' ? 'rounded-full' : 'rounded-lg',
         'text-sm text-neutral-700 dark:text-neutral-200 data-[placeholder]:text-neutral-400 dark:data-[placeholder]:text-neutral-500',