docs(ui5-dialog): default margins in samples removed (#12948)

fixes: #12871

Author: LidiyaGeorgieva

packages/website/docs/_samples/main/Dialog/BarInDialog/main.css

@@ -4,7 +4,6 @@
     padding-inline: 0;
 }
 
-
 /* Styles for Dialog with State */
 #dialogState::part(header),
 #dialogState::part(footer) {

packages/website/docs/_samples/main/Dialog/BarInDialog/sample.html

@@ -20,7 +20,7 @@
             <ui5-button class="dialogCloser" design="Transparent" slot="endContent"
                 icon="decline"></ui5-button>
         </ui5-bar>
-        <p>Custom styles are applied to remove the default Dialog's paddings when ui5-bar is placed in the header or footer of a dialog.</p>
+        <div>Custom styles are applied to remove the default Dialog's paddings when ui5-bar is placed in the header or footer of a dialog.</div>
         <ui5-bar slot="footer" design="Footer">
             <ui5-button class="dialogCloser" design="Emphasized" slot="endContent"
                 style="min-width: 4rem;">OK</ui5-button>
@@ -33,7 +33,7 @@
         <ui5-bar id="bar" slot="header" design="Header">
             <ui5-title level="H5" slot="startContent">Bar used in Header and Footer</ui5-title>
         </ui5-bar>
-        <p>Custom styles are applied to adjust the paddings when a ui5-bar is placed in the header or footer of a dialog with state.</p>
+        <div>Custom styles are applied to adjust the paddings when a ui5-bar is placed in the header or footer of a dialog with state.</div>
         <ui5-bar slot="footer" design="Footer">
             <ui5-button design="Emphasized" id="closeDialogStateButton" slot="endContent"
                 style="min-width: 4rem;">OK</ui5-button>

packages/website/docs/_samples/main/Dialog/DraggableAndResizable/sample.html

@@ -14,9 +14,9 @@
     <ui5-button id="dialogOpener">Open Dialog</ui5-button>
 
     <ui5-dialog id="dialog" header-text="Draggable/Resizable dialog" draggable resizable>
-        <p>Move this dialog around the screen by dragging it by its header.</p>
-        <p>Resize this dialog by dragging it by its resize handle.</p>
-        <p>These features are available only on Desktop.</p>
+        <div>Move this dialog around the screen by dragging it by its header.</div>
+        <div>Resize this dialog by dragging it by its resize handle.</div>
+        <div>These features are available only on Desktop.</div>
         <ui5-toolbar slot="footer">
             <ui5-toolbar-button class="dialogCloser" design="Emphasized" text="OK"></ui5-toolbar-button>
         </ui5-toolbar>