Started working on zone editor and tile loading & selecting for it

src/components/screens/Login.vue

@@ -23,12 +23,23 @@
   </div>
   <audio ref="bgm" id="bgm" src="/assets/music/bgm.mp3" loop autoplay></audio>
   <img draggable="false" src="/assets/bglogin.png" id="bg-img" alt="New Quest login background" />
+
+  <Modal :isModalOpen="true">
+    <template #modal-header>
+      <h1>Zone Editor</h1>
+    </template>
+    <template #modal-body>
+      <ZoneEditor />
+    </template>
+  </Modal>
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue'
 import { login, register } from '@/services/authentication'
 import { useNotificationStore } from '@/stores/notifications'
+import ZoneEditor from '@/components/utilities/zoneEditor/ZoneEditor.vue'
+import Modal from '@/components/utilities/Modal.vue'
 
 const bgm = ref('bgm')
 if (bgm.value.paused) {