Added new component

frontend/src/app/components/topHeader/styles.module.css

@@ -5,6 +5,7 @@
   align-items: center;
   align-self: stretch;
   background: #21232f;
+  transition: all 0.15s;
 }
 .title {
   display: flex;
@@ -53,22 +54,7 @@
   align-items: center;
   gap: 10px;
 }
-.button {
-  display: flex;
-  padding: 7px 15px;
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-  border-radius: 6px;
-  border-radius: 6px;
-  border: 0.5px solid #8187ff;
-  background: rgba(83, 89, 242, 0.25);
-  color: white;
-  cursor: pointer;
-}
-.button:hover {
-  background: linear-gradient(180deg, #5359f2 0%, #2e3288 100%);
-}
+
 .mngEnvKeyButton {
   display: inline-flex;
   padding: 8px 12px;
@@ -99,22 +85,7 @@
 .mngEnvKeyButton:hover path {
   stroke: white;
 }
-.cancelButton {
-  display: flex;
-  height: 36px;
-  padding: 9px 12px;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  border-radius: 6px;
-  border: 0.5px solid #4e537e;
-  cursor: pointer;
-}
-.cancelButton:hover {
-  border-radius: 6px;
-  border: 1px solid #8e98e7;
-  background: linear-gradient(180deg, #8e98e6 0%, #4d537e 100%);
-}
+
 .menu {
   display: flex;
   width: 36px;