Добавлены стили emotion

src/container/main/components/layout/header.tsx

@@ -1,31 +1,33 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
-import { getNavigationsValue } from '@brojs/cli';
+import { getNavigationValue } from '@brojs/cli';
+import { HeaderContainer, NavContainer, NavItem, NavLink } from './index.style';
 
 const navigations: Array<{ name: string; href: string }> = [
   {
     name: 'Главная',
-    href: getNavigationsValue('kfu-24-teacher.main')
+    href: getNavigationValue('kfu-24-teacher.main')
   },
   {
     name: 'Детальная информация',
-    href: getNavigationsValue('kfu-24-teacher.detail')
+    href: getNavigationValue('kfu-24-teacher.detail')
   }
 ];
 
 const Header = (): React.ReactElement => {
   return (
-    <header>
-      <ul>
+    <HeaderContainer>
+      <NavContainer>
         {navigations.map((item) => {
           return (
-            <li key={item.name}>
-              <Link to={item.href}>{item.name}</Link>
-            </li>
+            <NavItem key={item.name}>
+              <NavLink to={item.href} end>
+                {item.name}
+              </NavLink>
+            </NavItem>
           );
         })}
-      </ul>
-    </header>
+      </NavContainer>
+    </HeaderContainer>
   );
 };