[CL-455] Do not use responsive margin for sections in dialogs or extension (#11243)

apps/browser/src/platform/popup/layout/popup-layout.stories.ts

@@ -37,7 +37,7 @@ class ExtensionContainerComponent {}
 @Component({
   selector: "vault-placeholder",
   template: `
-    <bit-section disableMargin>
+    <bit-section>
       <bit-item-group aria-label="Mock Vault Items">
         <bit-item *ngFor="let item of data; index as i">
           <button bit-item-content>

libs/components/src/section/section.component.ts

@@ -9,7 +9,7 @@ import { Component, Input } from "@angular/core";
   template: `
     <section
       [ngClass]="{
-        'tw-mb-6 md:tw-mb-12': !disableMargin,
+        'tw-mb-6 [&:not(bit-dialog_*):not(popup-page_*)]:md:tw-mb-12': !disableMargin,
       }"
     >
       <ng-content></ng-content>