feat: add Control component with styles and integrate into header

Author: aimxnaim

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

@@ -0,0 +1,19 @@
+.control label {
+    display: block;
+    font-size: 0.8rem;
+    font-weight: bold;
+    margin-bottom: 0.15rem;
+    color: #4f4b53;
+  }
+  
+  .control input,
+  .control textarea {
+    width: 100%;
+    padding: 0.5rem;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font: inherit;
+    font-size: 0.9rem;
+    color: #4f4b53;
+  }
+  

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

@@ -0,0 +1 @@
+<p>control works!</p>

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

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-control',
+  standalone: true,
+  imports: [],
+  templateUrl: './control.component.html',
+  styleUrl: './control.component.css'
+})
+export class ControlComponent {
+
+}

06-cmp-deep-dive/01-starting-project/src/app/header/header.component.html

@@ -12,7 +12,7 @@
           <a href="/">Management</a>
         </li>
         <li>
-          <app-button buttonTitle="Logout"></app-button>
+          <app-button buttonTitle="Logout"/>
         </li>
       </ul>
     </nav>