feat: add side menu

src/components/menu/MenuItem.tsx

@@ -0,0 +1,20 @@
+import Link, { LinkProps } from 'next/link'
+import React from 'react'
+
+type Props = {
+    icon: React.ReactElement
+    title: string
+} & LinkProps & React.AnchorHTMLAttributes<HTMLAnchorElement>
+
+export default function MenuItem({ href, title, icon, className, ...restProps }: Props) {
+    return (
+        <Link
+            {...restProps}
+            href={href}
+            className={`inline-flex gap-2 px-9 border-s-6 border-transparent text-disabled-text text-xs items-center font-light text-nowrap overflow-hidden h-6
+            data-[active]:border-s-6 data-[active]:border-black data-[active]:text-black ${className}`}>
+            {icon}
+            <div>{title}</div>
+        </Link>
+    )
+}