Fix: 自身が送信していないメッセージを削除できる問題

packages/frontend/src/components/Message.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="message" ref="messageElem">
+  <div class="message" v-if="account && account.success" ref="messageElem">
     <img
       v-if="message.createdBy.icon"
       :src="message.createdBy.icon"
@@ -31,6 +31,7 @@
       />
 
       <Icon
+        v-if="account.userid === message.createdBy.userid"
         icon="material-symbols:delete-rounded"
         style="color: #ff0000"
         @click="deleteMessage()"
@@ -123,6 +124,7 @@ import type ApiMap from "lynqchat-js/1.0.0-alpha.0/map";
 import ErrorModal from "@/components/Modal/Error.vue";
 import Confirm from "@/components/Modal/Confirm.vue";
 import { inject, onBeforeUnmount, onMounted, ref, watch, type Ref } from "vue";
+import { account } from "@/lib/account";
 
 const props = defineProps<{
   message: Extract<ApiMap["message/list"]["response"], { messages: any }>["messages"][number];