restoring page titles

src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/layout.tsx

@@ -1,5 +1,6 @@
 import React, { ReactNode, Suspense } from "react";
 
+
 export default function layout({ children }: { children: ReactNode }) {
   return <Suspense>{children}</Suspense>;
 }

src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/page.tsx

@@ -1,5 +1,23 @@
 import React from "react";
 import EditAssignment from "./EditAssignment";
+import { Metadata } from "next";
+import { getTitle } from "@/services/titleUtils";
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{
+    courseName: string;
+    assignmentName: string;
+    moduleName: string;
+  }>;
+}): Promise<Metadata> {
+  const { courseName, assignmentName } = await params;
+  const decodedAssignmentName = decodeURIComponent(assignmentName);
+  return {
+    title: getTitle(`${decodedAssignmentName}, ${courseName}`),
+  };
+}
 
 export default async function Page({
   params,