+ {movieDetailsFields.map((field) => (
+
+ {field.label}:
+
+ {Array.isArray(field.value) ? field.value.join(", ") : field.value}
+
+
+ ))}
+
+ );
+};
+
+export default MovieDetails;
diff --git a/examples/music-licensing-challenge-nextjs/src/components/Navbar/actionButtons.tsx b/examples/music-licensing-challenge-nextjs/src/components/Navbar/actionButtons.tsx
new file mode 100644
index 0000000..7038f96
--- /dev/null
+++ b/examples/music-licensing-challenge-nextjs/src/components/Navbar/actionButtons.tsx
@@ -0,0 +1,34 @@
+"use client";
+
+import Link from "next/link";
+import { logOut } from "@/lib/auth";
+import { APP_ROUTES } from "@/routes";
+
+const buttonStyles =
+ "hover:bg-gray-100 block w-full px-4 py-2 text-left text-sm text-gray-700";
+
+export const SignOutButton = () => {
+ return (
+