[CL-712] Update icon button, components using it, and affected virtual scroll heights (#15683)

libs/components/src/dialog/dialog.service.stories.ts

@@ -93,7 +93,10 @@ class StoryDialogContentComponent {
 
 @Component({
   template: `
-    <bit-dialog title="Dialog Title" dialogSize="large">
+    <bit-dialog
+      title="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
+      dialogSize="large"
+    >
       <span bitDialogContent>
         Dialog body text goes here.
         <br />

libs/components/src/dialog/dialog/dialog.component.html

@@ -10,8 +10,8 @@
   <header
     class="tw-flex tw-justify-between tw-items-center tw-gap-4 tw-border-0 tw-border-b tw-border-solid"
     [ngClass]="{
-      'tw-p-4': !isDrawer,
-      'tw-p-6 tw-pb-4': isDrawer,
+      'tw-p-4 has-[[biticonbutton]]:tw-pe-2': !isDrawer,
+      'tw-px-6 tw-py-4 has-[[biticonbutton]]:tw-pe-4': isDrawer,
       'tw-border-secondary-300': showHeaderBorder,
       'tw-border-transparent': !showHeaderBorder,
     }"
@@ -75,7 +75,7 @@
     [ngClass]="[isDrawer ? 'tw-px-6 tw-py-4' : 'tw-p-4']"
     [ngClass]="{
       'tw-px-6 tw-py-4': isDrawer,
-      'tw-p-4': !isDrawer,
+      'tw-p-4 has-[[biticonbutton]]:tw-pe-2': !isDrawer,
       'tw-border-secondary-300': showFooterBorder,
       'tw-border-transparent': !showFooterBorder,
     }"