renaming pages also a thing

src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageHeader.tsx

@@ -0,0 +1,27 @@
+import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
+import { getCourseUrl } from "@/services/urlUtils";
+import Link from "next/link";
+import { UpdatePageName } from "./UpdatePageName";
+
+export default function EditPageHeader({
+  moduleName,
+  pageName,
+}: {
+  pageName: string;
+  moduleName: string;
+}) {
+  const { courseName } = useCourseContext();
+  return (
+    <div className="py-1 flex flex-row justify-start gap-3">
+      <Link
+        className="btn btn-thin"
+        href={getCourseUrl(courseName)}
+        shallow={true}
+      >
+        {courseName}
+      </Link>
+      <UpdatePageName pageName={pageName} moduleName={moduleName} />
+      <div>{pageName}</div>
+    </div>
+  );
+}