chore: upgrade MDX packages and remove deprecated mdxOptions configuration.

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

gatsby-node.js

@@ -117,6 +117,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
             collection
             slug
           }
+          internal {
+            contentFilePath
+          }
         }
       }
       blogTags: allMdx(
@@ -160,6 +163,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
             slug
             collection
           }
+          internal {
+            contentFilePath
+          }
         }
       }
       singleWorkshop: allMdx(
@@ -170,6 +176,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
             slug
             collection
           }
+          internal {
+            contentFilePath
+          }
         }
       }
       labs: allMdx(
@@ -180,6 +189,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
             slug
             collection
           }
+          internal {
+            contentFilePath
+          }
         }
       }
       learncontent: allMdx(
@@ -195,6 +207,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
             pageType
             collection
           }
+          internal {
+            contentFilePath
+          }
         }
       }
     }
@@ -252,7 +267,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   blogs.forEach((blog) => {
     envCreatePage({
       path: blog.fields.slug,
-      component: blogPostTemplate,
+      component: `${blogPostTemplate}?__contentFilePath=${blog.internal.contentFilePath}`,
       context: {
         slug: blog.fields.slug,
       },
@@ -284,7 +299,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   resources.forEach((resource) => {
     envCreatePage({
       path: resource.fields.slug,
-      component: resourcePostTemplate,
+      component: `${resourcePostTemplate}?__contentFilePath=${resource.internal.contentFilePath}`,
       context: {
         slug: resource.fields.slug,
       },
@@ -294,7 +309,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   news.forEach((singleNews) => {
     envCreatePage({
       path: singleNews.fields.slug,
-      component: NewsPostTemplate,
+      component: `${NewsPostTemplate}?__contentFilePath=${singleNews.internal.contentFilePath}`,
       context: {
         slug: singleNews.fields.slug,
       },
@@ -304,7 +319,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   books.forEach((book) => {
     envCreatePage({
       path: book.fields.slug,
-      component: BookPostTemplate,
+      component: `${BookPostTemplate}?__contentFilePath=${book.internal.contentFilePath}`,
       context: {
         slug: book.fields.slug,
       },
@@ -314,7 +329,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   events.forEach((event) => {
     envCreatePage({
       path: event.fields.slug,
-      component: EventTemplate,
+      component: `${EventTemplate}?__contentFilePath=${event.internal.contentFilePath}`,
       context: {
         slug: event.fields.slug,
       },
@@ -324,7 +339,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   programs.forEach((program) => {
     envCreatePage({
       path: program.fields.slug,
-      component: ProgramPostTemplate,
+      component: `${ProgramPostTemplate}?__contentFilePath=${program.internal.contentFilePath}`,
       context: {
         slug: program.fields.slug,
       },
@@ -334,7 +349,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   careers.forEach((career) => {
     envCreatePage({
       path: career.fields.slug,
-      component: CareerPostTemplate,
+      component: `${CareerPostTemplate}?__contentFilePath=${career.internal.contentFilePath}`,
       context: {
         slug: career.fields.slug,
       },
@@ -344,7 +359,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   members.forEach((member) => {
     envCreatePage({
       path: member.fields.slug,
-      component: MemberTemplate,
+      component: `${MemberTemplate}?__contentFilePath=${member.internal.contentFilePath}`,
       context: {
         slug: member.fields.slug,
       },
@@ -355,7 +370,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   MemberBio.forEach((memberbio) => {
     envCreatePage({
       path: `${memberbio.fields.slug}/bio`,
-      component: MemberBioTemplate,
+      component: `${MemberBioTemplate}?__contentFilePath=${memberbio.internal.contentFilePath}`,
       context: {
         member: memberbio.frontmatter.name,
       },
@@ -365,7 +380,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   singleWorkshop.forEach((workshop) => {
     envCreatePage({
       path: workshop.fields.slug,
-      component: WorkshopTemplate,
+      component: `${WorkshopTemplate}?__contentFilePath=${workshop.internal.contentFilePath}`,
       context: {
         slug: workshop.fields.slug,
       },
@@ -375,7 +390,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   labs.forEach((lab) => {
     envCreatePage({
       path: lab.fields.slug,
-      component: LabTemplate,
+      component: `${LabTemplate}?__contentFilePath=${lab.internal.contentFilePath}`,
       context: {
         slug: lab.fields.slug,
       },
@@ -385,31 +400,22 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   integrations.forEach((integration) => {
     envCreatePage({
       path: `/cloud-native-management/meshery${integration.fields.slug}`,
-      component: integrationTemplate,
+      component: `${integrationTemplate}?__contentFilePath=${integration.internal.contentFilePath}`,
       context: {
         slug: integration.fields.slug,
         name: "_images/" + integration.fields.slug.split("/")[2],
       },
     });
   });
 
-  let programsArray = [];
   programs.forEach((program) => {
-    if (
-      programsArray.indexOf(program.frontmatter.program) >= 0 &&
-      program.frontmatter.program === "Layer5"
-    ) {
-      return false;
-    } else {
-      programsArray.push(program.frontmatter.program);
-      envCreatePage({
-        path: `/programs/${program.frontmatter.programSlug}`,
-        component: MultiProgramPostTemplate,
-        context: {
-          program: program.frontmatter.program,
-        },
-      });
-    }
+    envCreatePage({
+      path: `/programs/${program.frontmatter.programSlug}`,
+      component: `${MultiProgramPostTemplate}?__contentFilePath=${program.internal.contentFilePath}`,
+      context: {
+        program: program.frontmatter.program,
+      },
+    });
   });
 
   const learnNodes = res.data.learncontent.nodes;
@@ -640,7 +646,7 @@ const createCoursesListPage = ({ envCreatePage, node }) => {
 
   envCreatePage({
     path: `${slug}`,
-    component: path.resolve("src/templates/courses-list.js"),
+    component: `${path.resolve("src/templates/courses-list.js")}?__contentFilePath=${node.internal.contentFilePath}`,
     context: {
       // Data passed to context is available in page queries as GraphQL variables.
       learnpath,
@@ -656,7 +662,7 @@ const createCourseOverviewPage = ({ envCreatePage, node }) => {
 
   envCreatePage({
     path: `${slug}`,
-    component: path.resolve("src/templates/course-overview.js"),
+    component: `${path.resolve("src/templates/course-overview.js")}?__contentFilePath=${node.internal.contentFilePath}`,
     context: {
       learnpath,
       section,
@@ -674,7 +680,7 @@ const createChapterPage = ({ envCreatePage, node }) => {
 
   envCreatePage({
     path: `${slug}`,
-    component: path.resolve("src/templates/learn-chapter.js"),
+    component: `${path.resolve("src/templates/learn-chapter.js")}?__contentFilePath=${node.internal.contentFilePath}`,
     context: {
       learnpath,
       slug,
@@ -692,7 +698,7 @@ const createSectionPage = ({ envCreatePage, node }) => {
 
   envCreatePage({
     path: `${slug}`,
-    component: path.resolve("src/sections/Learn-Layer5/Section/index.js"),
+    component: `${path.resolve("src/sections/Learn-Layer5/Section/index.js")}?__contentFilePath=${node.internal.contentFilePath}`,
     context: {
       learnpath,
       slug,