Refactor certificate page: replace old component with new structure a…

…nd update routing

app/src/app/certificates/[certificate].js → app/src/app/certificates/[certificate]/page.js

@@ -1,15 +1,15 @@
+"use client"
+
 import React from "react";
 import Certificate from "@/components/certificate/certificate";
-import { useRouter } from 'next/router';
+import { useParams } from "next/navigation";
 
 const CertificatePage = () => {
-    const { query: { certificate: slug } } = useRouter();
+    const { certificate: slug } = useParams();
 
     return (
-        <>
-            <Certificate slug={slug} />
-        </>
+        <Certificate slug={slug} />
     );
-}
+};
 
 export default CertificatePage;

app/src/shared/certificatesData.js

@@ -1,9 +1,5 @@
-import Image from 'next/image';
-
-// Function to create slugs from titles
 export const createSlug = (title) => title.toLowerCase().replace(/\s+/g, '-');
 
-// Array of certificate objects
 export const certificates = [
     { 
         title: "Cookoff 9",