fix: #256 styling customer name

Author: enriquezrene

src/app/modules/customer-management/components/management-customer-projects/management-customer-projects.component.html

@@ -1,5 +1,8 @@
+<hr/>
+<nav class="nav-box" *ngIf="customerName">
+  <h4 class="navbar-brand nav-title">{{customerName}}</h4>
+</nav>
 <div class="container border mb-4 mt-0">
-  <h3 class="title">{{customerName}}</h3>
   <ul class="nav nav-tabs mt-2" id="myTab" role="tablist">
     <li class="nav-item">
       <a

src/app/modules/customer-management/components/management-customer-projects/management-customer-projects.component.scss

@@ -1,13 +1,20 @@
 @import '../../../../../styles/colors.scss';
 
 .nav-active {
-  color: $secondary;
+  color: $primary;
 }
 .nav-item > a:hover {
   opacity: 0.6;
 }
 
-.title {
+.nav-box {
+  background-color: $primary;
   text-align: center;
-  padding: 12px;
+}
+
+.nav-title {
+  vertical-align: center;
+  color: white;
+  font-size: large;
+  font-weight: bold;
 }