feat: simplify Control component template and update encapsulation settings

Author: aimxnaim

06-cmp-deep-dive/01-starting-project/src/app/dashboard/shared/control/control.component.html

@@ -1,4 +1,2 @@
-<p class="control">
-    <label for="request">{{label()}}</label>
-    <ng-content select="input, textarea"></ng-content>
-</p>
+<label for="request">{{label()}}</label>
+<ng-content select="input, textarea"></ng-content>

06-cmp-deep-dive/01-starting-project/src/app/dashboard/shared/control/control.component.ts

@@ -6,7 +6,10 @@ import { Component, input, ViewEncapsulation } from '@angular/core';
   imports: [],
   templateUrl: './control.component.html',
   styleUrl: './control.component.css',
-  encapsulation: ViewEncapsulation.Emulated
+  encapsulation: ViewEncapsulation.None,
+  host: {
+    class: 'control'
+  }
 })
 export class ControlComponent {
   label = input.required<string>();