fix: modals not showing properly due to imports not being updated after components folder restructuring

components/Message.vue

@@ -71,6 +71,7 @@
 import DOMPurify from 'dompurify';
 import { parse } from 'marked';
 import type { MessageProps } from '~/types/props';
+import MessageReply from './UserInterface/MessageReply.vue';
 
 const props = defineProps<MessageProps>();
 

components/Modal/Invite.vue

@@ -1,5 +1,5 @@
 <template>
-	<Modal v-bind="props" :title="props.title || 'Create an invite'">
+	<ModalBase v-bind="props" :title="props.title || 'Create an invite'">
 		<div v-if="invite" id="invite-body">
 			<div id="invite-label">{{ invite }}</div>
 			<div id="invite-buttons">
@@ -10,7 +10,7 @@
 		<div v-else>
 			<Button text="Generate Invite" variant="normal" :callback="generateInvite">Generate Invite</Button>
 		</div>
-	</Modal>
+	</ModalBase>
 </template>
 
 <script lang="ts" setup>