45060 | Fix . Code refactoring and ressolving review coments

Author: SrijanRamSN

apps/registration/src/components/Header/styles/index.module.scss

@@ -5,7 +5,7 @@
 @use "@carbon/react/scss/breakpoint" as *;
 
 .customHeader {
-  background-color: #007d79;
+  background-color: #007D79;
   height: $spacing-09;
   display: flex;
   align-items: center;
@@ -45,47 +45,45 @@
     display: flex;
     align-items: center;
 
-    a,
-    button,
-    span {
+    a, button, span {
       color: $text-on-color;
       @include type-style("body-compact-01");
       text-decoration: none;
       background: none;
       border: none;
       padding: 0;
       cursor: pointer;
-
+      
       &:hover {
         text-decoration: underline;
       }
-
+      
       &:focus {
         outline: 2px solid $focus;
         outline-offset: $spacing-01;
       }
     }
   }
-
+  
   // Current page styling (last item)
   :global(.cds--breadcrumb-item--current) {
     span {
       font-weight: 600;
       cursor: default;
-
+      
       &:hover {
         text-decoration: none;
       }
     }
   }
-
+  
   // Separator styling (the "/" between items)
   :global(.cds--breadcrumb-item::after) {
     color: $text-on-color;
     content: "/";
     margin: 0 $spacing-02;
   }
-
+  
   // Remove separator after last item
   :global(.cds--breadcrumb-item:last-child::after) {
     display: none;
@@ -125,11 +123,11 @@
   .headerContent {
     padding: 0 $spacing-03;
   }
-
+  
   .rightActions {
     gap: $spacing-03;
   }
-
+  
   .actionButton {
     @include type-style("label-01");
   }
@@ -139,8 +137,8 @@
   .profileText {
     display: none;
   }
-
+  
   .rightActions {
     gap: $spacing-02;
   }
-}
+}