update(Header): UI

src/components/Header/Auth.tsx

@@ -15,7 +15,7 @@ export default function Auth() {
   return (
     <div>
       {!!userId ? (
-        <HeaderAvatar className="ml-[40px]" />
+        <HeaderAvatar className="ml-24px" />
       ) : (
         <LoginProvider>
           <LoginModal />

src/components/Header/Nav.tsx

@@ -31,11 +31,11 @@ export default function Nav({ type = 'server' }: { type?: NextComponentType }) {
 
   return (
     <nav>
-      <ul className="flex flex-row items-center space-x-[40px]">
+      <ul className="flex flex-row items-center space-x-36px">
         {menuList.map(({ name, path }) => (
           <li
             key={path}
-            className={`text-[18px] leading-[25.2px] font-medium hover:text-[rgba(0,0,0,0.95)] ${pathMatch(path) ? 'text-[rgba(0,0,0,0.95)]' : 'text-[rgba(0,0,0,0.4)]'}`}
+            className={`text-15px leading-21px font-500 hover:text-[rgba(0,0,0,0.95)] ${pathMatch(path) ? 'text-[rgba(0,0,0,0.95)]' : 'text-[rgba(0,0,0,0.4)]'}`}
           >
             {type === 'server' ? <Link href={path}>{name}</Link> : <ClientLink href={path}>{name}</ClientLink>}
           </li>