feat: add tooltip

src/components/button/AddButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-plus"
     color="var(--info-bg)"
+    :title="iconOnly ? $t('add') : undefined"
   >
     {{ $t('add') }}
   </MainButton>

src/components/button/BackButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--info-bg)"
+    :title="iconOnly ? $t('back') : undefined"
   >
     {{ $t('back') }}
   </MainButton>

src/components/button/CancelButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-close"
     color="var(--negative-bg)"
+    :title="iconOnly ? $t('cancel') : undefined"
   >
     {{ $t('cancel') }}
   </MainButton>

src/components/button/DeleteButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-trash-can-outline"
     color="var(--negative-bg)"
+    :title="iconOnly ? $t('delete') : undefined"
   >
     {{ $t('delete') }}
   </MainButton>

src/components/button/EditButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-pencil-outline"
     color="var(--cyan-6-hsl)"
+    :title="iconOnly ? $t('edit') : undefined"
   >
     {{ $t('edit') }}
   </MainButton>

src/components/button/SaveButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-content-save-outline"
     color="207 96% 32%"
+    :title="iconOnly ? $t('save') : undefined"
   >
     {{ $t('save') }}
   </MainButton>

src/components/button/UndoButton.vue

@@ -19,6 +19,7 @@ defineProps<{
     v-bind="{ ...$props, ...$attrs }"
     icon="mdi-arrow-left"
     color="var(--gray-8-hsl)"
+    :title="iconOnly ? $t('undo') : undefined"
   >
     {{ $t('undo') }}
   </MainButton>