🌟 SmartTooltip

<SmartTooltip>
    <!-- Trigger Button or Tag -->
    <template #trigger>
        <span
            class="badge badge-pill p-2 m-1"
        >
            Hover
        </span>
    </template>

    <!-- Tooltip Content -->
    <template>
        <h6 class="font-weight-bold mb-2">
            ✨ Smart Cart
        </h6>
        <p class="mb-2 text-muted" style="font-size: 0.9rem;">
            This recommended item was added by Smart Cart based on your preferences...
        </p>
        <a href="#" class="text-primary font-weight-medium" style="font-size: 0.875rem;">
            Manage Smart Cart preferences
        </a>
    </template>
</SmartTooltip>```