docs(samples): altera hr para po-divider

Altera tag <hr/> para <po-divider/> nos samples para considerar espaçamento do componente.

fixes DTHFUI-11209

Author: anabye

projects/code-editor/src/lib/components/po-code-editor/samples/sample-po-code-editor-labs/sample-po-code-editor-labs.component.html

@@ -10,7 +10,7 @@
   </po-code-editor>
 </div>
 
-<hr />
+<po-divider />
 
 <form #f="ngForm">
   <div class="po-row">

projects/templates/src/lib/components/po-modal-password-recovery/samples/sample-po-modal-password-recovery-labs/sample-po-modal-password-recovery-labs.component.html

@@ -11,15 +11,15 @@
 
 <po-button p-label="Open modal password recovery" (p-click)="openPasswordRecoveryModal()"> </po-button>
 
-<hr />
+<po-divider />
 
 <div class="po-row">
   <po-info class="po-md-6" p-label="Model" [p-value]="submitEvent"> </po-info>
 
   <po-info class="po-md-6" p-label="Event" [p-value]="event"> </po-info>
 </div>
 
-<hr />
+<po-divider />
 
 <form #f="ngForm">
   <div class="po-row">

projects/templates/src/lib/components/po-page-change-password/samples/sample-po-page-change-password-labs/sample-po-page-change-password-labs.component.html

@@ -51,7 +51,7 @@
 
   <br />
 
-  <hr />
+  <po-divider />
 
   <form #fRequirements="ngForm">
     <div class="po-row">
@@ -79,7 +79,7 @@
     </div>
   </form>
 
-  <hr />
+  <po-divider />
 
   <div class="po-row">
     <po-button class="po-md-3" p-label="Sample Restore" (p-click)="restore()"> </po-button>

projects/templates/src/lib/components/po-page-login/samples/sample-po-page-login-labs/sample-po-page-login-labs.component.html

@@ -23,7 +23,7 @@
 >
 </po-page-login>
 
-<hr />
+<po-divider />
 
 <form #f="ngForm">
   <div class="po-row">
@@ -204,7 +204,7 @@
     </po-input>
   </div>
 
-  <hr />
+  <po-divider />
 
   <div class="po-row">
     <po-input
@@ -230,7 +230,7 @@
     </po-input>
   </div>
 
-  <hr />
+  <po-divider />
 
   <form #formCustomFieldOptions="ngForm">
     <div class="po-row">
@@ -268,7 +268,7 @@
 
   <br />
 
-  <hr />
+  <po-divider />
 
   <div class="po-row">
     <po-button class="po-lg-3 po-md-6" p-label="Sample Restore" (p-click)="restore()"> </po-button>

projects/ui/src/lib/components/po-badge/samples/sample-po-badge-labs/sample-po-badge-labs.component.html

@@ -9,7 +9,7 @@
   ></po-badge>
 </div>
 
-<hr />
+<po-divider />
 
 <form #f="ngForm">
   <div class="po-row">

projects/ui/src/lib/components/po-breadcrumb/samples/sample-po-breadcrumb-labs/sample-po-breadcrumb-labs.component.html

@@ -1,7 +1,7 @@
 <po-breadcrumb [p-favorite-service]="favoriteService" [p-items]="breadcrumbItems" [p-params-service]="paramsService">
 </po-breadcrumb>
 
-<hr />
+<po-divider />
 
 <form #breadcrumbForm="ngForm">
   <div class="po-row">
@@ -32,7 +32,7 @@
   </div>
 </form>
 
-<hr />
+<po-divider />
 
 <form #propertiesForm="ngForm">
   <div class="po-row">
@@ -59,7 +59,7 @@
     </po-input>
   </div>
 
-  <hr />
+  <po-divider />
 
   <div class="po-row">
     <po-button

projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-attendance/sample-po-button-group-attendance.component.html

@@ -3,7 +3,7 @@
   <div class="po-md-12 po-font-text po-text-color-neutral-dark-40">Get your password</div>
 </div>
 
-<hr />
+<po-divider />
 
 <div class="po-row">
   <po-button-group class="po-md-12" [p-buttons]="attendances"> </po-button-group>

projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-labs/sample-po-button-group-labs.component.html

@@ -2,7 +2,7 @@
   <po-button-group class="po-md-12" [p-buttons]="buttons" [p-toggle]="toggle" [p-size]="size"> </po-button-group>
 </div>
 
-<hr />
+<po-divider />
 
 <form #fButtons="ngForm">
   <div class="po-row">
@@ -45,7 +45,7 @@
   </div>
 </form>
 
-<hr />
+<po-divider />
 
 <form #f="ngForm">
   <div class="po-row">

projects/ui/src/lib/components/po-button-group/samples/sample-po-button-group-post/sample-po-button-group-post.component.html

@@ -8,7 +8,7 @@
       <po-button-group p-toggle="single" [p-buttons]="textAlign"> </po-button-group>
     </div>
     <po-textarea class="po-md-12" name="textArea" [(ngModel)]="textArea" p-maxlength="400"> </po-textarea>
-    <hr />
+
     <div
       class="po-md-12 po-mt-3 po-font-text-large"
       [style.font-weight]="setBold ? 'bold' : 'normal'"

projects/ui/src/lib/components/po-button/samples/sample-po-button-labs/sample-po-button-labs.component.html

@@ -14,7 +14,7 @@
   </po-button>
 </div>
 
-<hr />
+<po-divider />
 
 <form #f="ngForm">
   <div class="po-row">