Flag

The `Flag` component is used to display important information or alerts in a visually prominent way. This component is often used to inform users of changes, errors, warnings, or other critical information that requires immediate attention. It works in conjunction with a `FlagProvider`, which manages the lifecycle of each Flag. The provider is responsible for adding, removing, and controlling the visibility and timing of Flags across the application. Each Flag is uniquely identified using an `id`, and its automatic dismissal can be controlled via the `duration` prop, with the `FlagProvider` handling the state updates accordingly.