added new style and fixed send token

app/Components/layout/BarNavigation/BarNavigation.css

@@ -25,8 +25,8 @@
 }
 
 .barNavigation li:hover {
-  background-color: #f9f9f9;
-  color: black;
+  background-color: #f3f4f6;
+  color: black !important;
 }
 
 .menuToggle {
@@ -36,13 +36,12 @@
   gap: 4px;
   cursor: pointer;
   padding: 10px;
-  margin-right: 10px;
 }
 
 .menuToggle div {
   width: 25px;
   height: 3px;
-  background-color: #7a7a7a;
+  background-color: #000000;
   border-radius: 4px;
 }
 
@@ -79,7 +78,7 @@
 }
 
 .subMenu ul:hover {
-  color: #5b8cc9;
+  color: #101113;
 }
 
 .subMenu:hover ul {
@@ -103,6 +102,7 @@
   justify-content: center;
   color: #383838;
   font-size: 1.5rem;
+  padding: 1rem;
 }
 
 .subMenu:hover > span,
@@ -130,7 +130,7 @@ tbody {
   font-size: 1.25rem;
 }
 
-@media (max-width: 800px) {
+@media (max-width: 1000px) {
   .menuToggle {
     display: flex;
     position: relative;
@@ -157,7 +157,7 @@ tbody {
 
   .barNavigation ul {
     position: absolute;
-    background-color: #003e79;
+    background-color: #fff;
     flex-direction: column;
     padding: 10px 0;
     align-items: center;
@@ -171,7 +171,6 @@ tbody {
   }
 
   .barNavigation li:hover {
-    background-color: #d59f0f;
     color: white;
     border-radius: 0;
     border: none;