fix local and app wide styles

kafka-ui-react-app/src/components/Nav/ClusterMenuItem/ClusterMenuItem.styled.ts

@@ -13,17 +13,17 @@ const StyledMenuItem = styled('li')<Props>`
     cursor: pointer;
     text-decoration: none;
     margin: 0px 0px;
-    font-family: Inter, sans-serif;
+    font-family: 'Inter', sans-serif;
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 20px;
-    background: '#fff';
-    color: '#73848C';
+    background: #fff;
+    color: #73848c;
 
     &.is-active {
-      background: '#E3E6E8';
-      color: '#171A1C';
+      background: #e3e6e8;
+      color: #171a1c;
     }
   }
 `;

kafka-ui-react-app/src/theme/bulma_overrides.scss

@@ -58,7 +58,7 @@
 }
 
 .is-family-code {
-  font-family: 'Roboto Mono' !important;
+  font-family: 'Roboto Mono', sans-serif !important;
   font-size: 0.9rem;
   line-height: 1.5em;
 }

kafka-ui-react-app/src/theme/index.scss

@@ -33,5 +33,5 @@ html {
 }
 
 code {
-  font-family: 'Roboto Mono';
+  font-family: 'Roboto Mono', sans-serif;
 }