Add shared Icon primitive and controlled glyph vocabulary (Carbon, filled)

src/app/components/ChartBuilderModal.tsx

@@ -53,6 +53,7 @@ import {
   useChartBuilderStore,
 } from '../stores/ChartBuilderStore';
 import { SegmentedControl, type SegmentedOption } from './SegmentedControl';
+import { Icon } from './Icon';
 import styles from './ChartBuilderModal.module.css';
 
 const RENDER_DEBOUNCE_MS = 300;
@@ -460,7 +461,8 @@ export function ChartBuilderModal() {
           <ul className={styles.warnings}>
             {warnings.map((w) => (
               <li key={w.message} className={styles.warning}>
-                {w.message}
+                <Icon name="status-warning" className={styles.warningIcon} />
+                <span>{w.message}</span>
               </li>
             ))}
           </ul>