fix: improve color contrast in AlertBox info variant (#8297)

* fix: improve color contrast in AlertBox info variant

- Change info background from bg-info-600 to bg-info-400
- Improves text contrast ratio to meet WCAG 2.1 AA standards
- Ensures better readability for users with visual impairments

The darker background (info-400) provides better contrast with
white text, meeting the minimum 4.5:1 contrast ratio requirement.

Fixes #8290

* fix: resolve CSS conflict between AlertBox and markdown styles

- Keep background color at bg-info-600 as per design system
- Add !important to paragraph color to override markdown styles
- Fix text color conflict where p tags inherit markdown paragraph styles

The issue was a CSS specificity conflict. Paragraph elements inside
AlertBox were inheriting black text color from markdown styles instead
of maintaining the white text color defined in AlertBox styles.

Fixes #8290

* improve color contrast in AlertBox info variant

* fix: add span and div to text color override

* fix: use wildcard selector for text color override

Author: Ju-MINJAE

packages/ui-components/src/Common/AlertBox/index.module.css

@@ -15,6 +15,10 @@
     text-sm
     text-white;
 
+  * {
+    @apply text-white;
+  }
+
   a {
     @apply font-bold
       text-white