replace some el-input with InputGroup

src/views/Notifications/dialogs/EditAndSendInviteResponseDialog.vue

@@ -9,16 +9,13 @@
         <div style="font-size: 12px">
             <span>{{ t('dialog.edit_send_invite_response_message.description') }}</span>
         </div>
-        <el-input
+        <InputGroupCharCount
             v-model="editAndSendInviteResponseDialog.newMessage"
-            type="textarea"
-            size="small"
-            maxlength="64"
-            show-word-limit
-            :autosize="{ minRows: 2, maxRows: 5 }"
-            placeholder=""
-            style="margin-top: 10px">
-        </el-input>
+            :maxlength="64"
+            multiline
+            rows="2"
+            class="mt-2.5"
+            placeholder="" />
         <template #footer>
             <Button variant="secondary" class="mr-2" @click="cancelEditAndSendInviteResponse">{{
                 t('dialog.edit_send_invite_response_message.cancel')
@@ -32,6 +29,7 @@
 
 <script setup>
     import { Button } from '@/components/ui/button';
+    import { InputGroupCharCount } from '@/components/ui/input-group';
     import { storeToRefs } from 'pinia';
     import { toast } from 'vue-sonner';
     import { useI18n } from 'vue-i18n';