(F) Fix button names variables

Clinics.Frontend/src/app/components/home/home.component.html

@@ -149,4 +149,8 @@
 
     </section>
     <!-- #endregion -->
+
+    <!-- #region about -->
+     
+    <!-- #endregion -->
 </div>
\ No newline at end of file

Clinics.Frontend/src/app/components/template/header/header.component.html

@@ -12,14 +12,14 @@
                 <nav class="navmenu custom-buttons">
                     <ul>
                         <li><a><button class="btn"
-                                    [class]="{'btn-outline-primary': isSelected('Contact Us'), 'btn-outline-secondary': !isSelected('Contact Us')}"
-                                    (click)="selectButton('Contact Us')">عن المستوصف</button></a></li>
+                                    [class]="{'btn-outline-primary': isSelected('About'), 'btn-outline-secondary': !isSelected('About')}"
+                                    (click)="selectButton('About')">عن المستوصف</button></a></li>
                         <li><a href="#doctors"><button class="btn"
                                     [class]="{'btn-outline-primary': isSelected('Doctors'), 'btn-outline-secondary': !isSelected('Doctors')}"
                                     (click)="selectButton('Doctors')">الفريق الطبي</button></a></li>
                         <li><a href="#"><button class="btn"
-                                    [class]="{'btn-outline-primary': isSelected('Main Menu'), 'btn-outline-secondary': !isSelected('Main Menu')}"
-                                    (click)="selectButton('Main Menu')">الصفحة الرئيسية</button></a></li>
+                                    [class]="{'btn-outline-primary': isSelected('Home'), 'btn-outline-secondary': !isSelected('Home')}"
+                                    (click)="selectButton('Home')">الصفحة الرئيسية</button></a></li>
                     </ul>
                 </nav>
             </div>

Clinics.Frontend/src/app/components/template/header/header.component.ts

@@ -8,7 +8,7 @@ import { Component } from '@angular/core';
 export class HeaderComponent {
 
   //#region Selected button
-  private selectedButton: string = 'Main Menu';
+  private selectedButton: string = 'Home';
 
   isSelected(buttonName: string): boolean {
     return this.selectedButton === buttonName;