nav home in white for csc

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html

@@ -15,15 +15,24 @@
 
 
   <div class="fixed-navigation">
-    <a class="next-step" routerLink="/similar-cases">
-      <span class="label">
-      Search similar cases
-      </span>
-      <span class="pipe">
-        |
-      </span>
-      <i class="ri-arrow-right-line"></i>
-    </a>
+    <sae-m-button routerLink="/similar-cases"
+    label="Search similar cases"
+                  inconPosition="right"
+                   size="medium"
+                   kind="primary"
+[divider]="true"
+
+                  icon="arrow-right-line"
+    > </sae-m-button>
+<!--    <a class="next-step" routerLink="/similar-cases">-->
+<!--      <span class="label">-->
+<!--      Search similar cases-->
+<!--      </span>-->
+<!--      <span class="pipe">-->
+<!--        |-->
+<!--      </span>-->
+<!--      <i class="ri-arrow-right-line"></i>-->
+<!--    </a>-->
   </div>
 
   }

sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.ts

@@ -1,10 +1,12 @@
 import {Component, Input} from '@angular/core';
 import {RouterLink} from '@angular/router';
+import {MainButton} from 'sae-lib/buttons/main-button/main-button';
 
 @Component({
   selector: 'app-bottom-navigation',
   imports: [
     RouterLink,
+    MainButton,
   ],
   templateUrl: './bottom-navigation.html',
   styleUrl: './bottom-navigation.scss'

sae-csc/src/app/shared/navigation/top-navigation/top-navigation.scss

@@ -7,4 +7,12 @@
   .is-active, .user-account-item {
     color: #7FB8E7;
   }
+  .navbar-start{
+    .navbar-item{
+      color : white;
+      text-decoration: none;
+      border-color: transparent;
+      padding-left: 0;
+    }
+  }
 }