fix(ai-skeleton): add display properties to fix flex container rendering (#20756)

* fix(ai-skeleton): add display properties to fix flex container rendering

* fix(ai-skeleton): add display properties for flex container compatibility

* fix(ai-skeleton): add display properties for flex container compatibility

---------

Co-authored-by: Heloise Lui <71858203+heloiselui@users.noreply.github.com>

Author: naaa760

packages/web-components/src/components/ai-skeleton/ai-skeleton.scss

@@ -5,6 +5,20 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+@use '@carbon/styles/scss/config' as *;
 @use '../skeleton-text/skeleton-text';
 @use '../skeleton-icon/skeleton-icon';
 @use '../skeleton-placeholder/skeleton-placeholder';
+
+:host(#{$prefix}-ai-skeleton-text) {
+  display: block;
+  inline-size: 100%;
+}
+
+:host(#{$prefix}-ai-skeleton-placeholder) {
+  display: block;
+}
+
+:host(#{$prefix}-ai-skeleton-icon) {
+  display: inline-block;
+}