feat: add live alert type selection

[MohamadSalman11]

Description

Added a select to choose different alert types. When the "Show live alert" button is clicked, an alert is displayed with the selected type (e.g., success, danger, info, etc.).

Motivation & Context

Improves user experience by allowing easy selection of alert types, making the interface more interactive

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-41201--twbs-bootstrap.netlify.app/docs/5.3/components/alerts/#live-example

[julien-deramond]

Thanks for your contribution, @MohamadSalman11! However, we aim to keep the snippets/examples minimalist and focused solely on the specific functionality being demonstrated. Adding a select for different alert types introduces additional UI elements that go beyond the intended scope and makes the code more complex for readers to understand.