docupulse/templates/components/search_bar.html

<!-- Search Bar Component -->
<div class="d-flex align-items-center gap-2 mb-3">
    <div class="ms-auto" style="max-width: 300px; position: relative;">
        <input type="text" id="quickSearchInput" class="form-control form-control-sm" placeholder="Quick search files..." autocomplete="off" style="padding-right: 2rem;" />
        <button id="clearSearchBtn" type="button" style="position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); display: none; border: none; background: transparent; font-size: 1.2rem; color: #888; cursor: pointer; z-index: 2;">&times;</button>
    </div>
</div>