GM panel UI improvements, added accordion component, worked on sprite logics, updated types, npm update

src/components/utilities/Accordion.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="border border-gray-300 rounded mb-4">
+    <button @click="toggle" class="w-full p-3 bg-gray-100 rounded hover:bg-gray-200 text-left cursor-pointer transition-colors duration-200 ease-in-out">
+      {{ props.title }}
+    </button>
+    <transition enter-active-class="transition-all duration-300 ease-in-out" leave-active-class="transition-all duration-300 ease-in-out" enter-from-class="opacity-0 max-h-0" enter-to-class="opacity-100 max-h-96" leave-from-class="opacity-100 max-h-96" leave-to-class="opacity-0 max-h-0">
+      <div v-if="isOpen" class="p-3 overflow-hidden">
+        <slot></slot>
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const isOpen = ref(false)
+
+const toggle = () => {
+  isOpen.value = !isOpen.value
+}
+
+const props = defineProps({
+  title: String
+})
+</script>