Stylish Reply Form - Copy this Html, Bootstrap Component to your project

<div class="mb 3 comments container" style="overflow y: auto; max height: 300px; padding: 1rem; scroll behavior: smooth;" ref="commentsContainer"> <div class="card" v for="(comment, index) in comments" :key="comment.id" :style="{ 'border bottom': index !== comments.length 1 ? '1px solid #dee2e6' : '', 'padding': '10px' }"> <div class="d flex justify content between"> <h6 class="mb 2 text muted">{{ comment.user }}</h6> <small class="text muted">{{ comment.created_at | moment("from", "now") }}</small> </div> <p class="card text">{{ comment.comment }}</p> <div class="attachments mb 3"> <div class="attachment file d flex align items center p 2 bg light rounded" v for="attachment in comment.files" :key="attachment.id"> <i class="bi bi file earmark me 2"></i> <a :href="attachment.url" target="_blank"> <i class="fa fa download">{{ attachment.name }}</i> </a> </div> </div> </div> </div>.....this is comment in a comment list make it like a proper comment like a whatsapp comment of stylish with attachments also if that comment has...not good previous one