replace style.css by components

src/components/nav-panel/nav-panel.tsx

@@ -2,6 +2,8 @@ import React from "react";
 
 import { Link } from "../link";
 
+import { Nav, NavList } from "./nav-panel.style";
+
 const navList = [
   { title: "Home", href: "#01" },
   { title: "Персонажи", href: "#02" },
@@ -11,14 +13,16 @@ const navList = [
 
 export function NavPanel() {
   return (
-    <nav className="nav">
-      <ul>
+    <Nav className="nav">
+      <NavList>
         {navList.map((element, index) => (
           <li key={element.href}>
-            <Link contrast={Boolean(index)} href={element.href}>{element.title}</Link>
+            <Link contrast={Boolean(index)} href={element.href}>
+              {element.title}
+            </Link>
           </li>
         ))}
-      </ul>
-    </nav>
+      </NavList>
+    </Nav>
   );
 }