🛠️ Refactor Nav component

👷‍♂️ Simplify props handling
🧹 Clean up code formatting
📦 Export Nav component as default
🚀 Ready for further development

src/shared/Nav.tsx

@@ -0,0 +1,21 @@
+import React, { FC } from "react";
+
+export interface NavProps {
+  containerClassName?: string;
+  className?: string;
+  children?: React.ReactNode;
+}
+
+const Nav: FC<NavProps> = ({
+  containerClassName = "",
+  className = "",
+  children,
+}) => {
+  return (
+    <nav className={`nc-Nav ${containerClassName}`} data-nc-id="Nav">
+      <ul className={`flex  ${className}`}>{children}</ul>
+    </nav>
+  );
+};
+
+export default Nav;