🛠️ Refactor Navigation component

✨ Improve code structure and readability
🔍 Utilize map function for rendering items
📦 Use ES6 import for data source
🚀 Ready for better

src/shared/Navigation/Navigation.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationItem from "./NavigationItem";
+import { NAVIGATION_DEMO } from "@/data/navigation";
+
+function Navigation() {
+  return (
+    <ul className="nc-Navigation hidden lg:flex lg:flex-wrap lg:space-x-1 relative">
+      {NAVIGATION_DEMO.map((item) => (
+        <NavigationItem key={item.id} menuItem={item} />
+      ))}
+    </ul>
+  );
+}
+
+export default Navigation;