♻️ [refactor] : 알림 모달 크기 확대 및 오타, 문구 수정

Author: seorang42

src/components/top-bar/NotificationMessage.vue

@@ -11,16 +11,15 @@
       class="flex flex-col text-xs gap-1"
       v-if="type === 'COMMENT'">
       <span>
-        <span class="font-bold text-primary1">"{{ title }}""</span> 작업에 새로운 댓글이
+        <span class="font-bold text-primary1">"{{ title }}"</span> 작업에 새로운 댓글이
         추가되었습니다
       </span>
-      <span class="font-bold text-body">"{{ message }}"</span>
+      <span class="font-bold text-body line-clamp-2">"{{ message }}"</span>
     </div>
     <div
-      class="flex flex-col text-xs gap-1"
+      class="text-xs"
       v-else-if="type === 'TASK_REQUESTED'">
-      <span>새 작업이 요청되었습니다</span>
-      <span class="font-bold text-primary1">"{{ title }}"</span>
+      <span class="font-bold text-primary1">"{{ title }}"</span> 작업이 요청되었습니다
     </div>
     <div
       class="text-xs"

src/components/top-bar/NotificationModal.vue

@@ -2,7 +2,7 @@
   <div
     v-if="isOpen"
     @click.stop
-    class="absolute right-6 top-[calc(100%+16px)] h-60 w-80 bg-white rounded-lg shadow-custom overflow-hidden flex flex-col">
+    class="absolute right-6 top-[calc(100%+16px)] h-[400px] w-[400px] bg-white rounded-lg shadow-custom overflow-hidden flex flex-col">
     <div class="flex justify-between items-center px-4 pt-3 pb-2 border-b border-border-2">
       <p class="text-body font-bold text-xs">알림</p>
       <div class="flex items-center gap-2">