use sass for the user name display

assets/styles/app.scss

@@ -52,10 +52,8 @@ $orange-button-bt: #FA772E;
   @include button-variant($orange-button-bt, $orange-button-bt, white, #f05b2b, #f05b2b);
 }
 
-#user-block {
-  text-align: right;
-  color: rgba(255,255,255,.5);
-  font-size: 14px;
+.gray-600 {
+  color:$gray-600;
 }
 
 .capsule-item {

templates/layout.html.twig

@@ -25,7 +25,7 @@
   </a>
 
         {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
-          <div id="user-block" class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light">
+          <div class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light gray-600">
             <div class="fw-bold text-capitalize">{{ app.user.firstName }} {{ app.user.lastName }}</div>
             <a href="{{ path('show_profile') }}" class="text-decoration-none fs-5">My profile</a>
             <a href="{{ path('edit_user_groups') }}" class="text-decoration-none fs-5">