add library management

src/components/NavLink.tsx

@@ -0,0 +1,29 @@
+'use client'
+
+import Link from 'next/link'
+
+export default function NavLink({
+  href,
+  children,
+}: {
+  href: string
+  children: React.ReactNode
+}) {
+  return (
+    <Link
+      href={href}
+      className="text-sm px-3 py-1.5 rounded-lg transition-colors"
+      style={{ color: 'var(--text-secondary)' }}
+      onMouseEnter={(e) => {
+        ;(e.currentTarget as HTMLElement).style.backgroundColor = 'var(--surface)'
+        ;(e.currentTarget as HTMLElement).style.color = 'var(--text-primary)'
+      }}
+      onMouseLeave={(e) => {
+        ;(e.currentTarget as HTMLElement).style.backgroundColor = 'transparent'
+        ;(e.currentTarget as HTMLElement).style.color = 'var(--text-secondary)'
+      }}
+    >
+      {children}
+    </Link>
+  )
+}