Add tooltips to icons in saves manager

src/components/Save.vue

@@ -8,36 +8,48 @@
                 left
                 v-if="save.error == undefined && !isConfirming"
             >
+                <Tooltip display="Export" :direction="Direction.Left" class="info">
                     <span class="material-icons">content_paste</span>
+                </Tooltip>
             </FeedbackButton>
             <button
                 @click="emit('duplicate')"
                 class="button"
                 v-if="save.error == undefined && !isConfirming"
             >
+                <Tooltip display="Duplicate" :direction="Direction.Left" class="info">
                     <span class="material-icons">content_copy</span>
+                </Tooltip>
             </button>
             <button
                 @click="isEditing = !isEditing"
                 class="button"
                 v-if="save.error == undefined && !isConfirming"
             >
+                <Tooltip display="Edit Name" :direction="Direction.Left" class="info">
                     <span class="material-icons">edit</span>
+                </Tooltip>
             </button>
             <DangerButton
                 :disabled="isActive"
                 @click="emit('delete')"
                 @confirmingChanged="value => (isConfirming = value)"
             >
+                <Tooltip display="Delete" :direction="Direction.Left" class="info">
                     <span class="material-icons" style="margin: -2px">delete</span>
+                </Tooltip>
             </DangerButton>
         </div>
         <div class="actions" v-else>
             <button @click="changeName" class="button">
+                <Tooltip display="Save" :direction="Direction.Left" class="info">
                     <span class="material-icons">check</span>
+                </Tooltip>
             </button>
             <button @click="isEditing = !isEditing" class="button">
+                <Tooltip display="Cancel" :direction="Direction.Left" class="info">
                     <span class="material-icons">close</span>
+                </Tooltip>
             </button>
         </div>
         <div class="details" v-if="save.error == undefined && !isEditing">
@@ -58,7 +70,9 @@
 </template>
 
 <script setup lang="ts">
+import Tooltip from "features/tooltips/Tooltip.vue";
 import player from "game/player";
+import { Direction } from "util/common";
 import { computed, ref, toRefs, watch } from "vue";
 import DangerButton from "./fields/DangerButton.vue";
 import FeedbackButton from "./fields/FeedbackButton.vue";

src/features/tooltips/Tooltip.vue

@@ -120,6 +120,7 @@ export default defineComponent({
     position: relative;
     --xoffset: 0px;
     --yoffset: 0px;
+    text-shadow: none !important;
 }
 
 .tooltip,