fix(uli-website): update package versions (#483)

* Update package versions
- Updated all packages to latest versions
- Added .npmrc to allow required legacy-peer-deps with gatsby and react-dom
- Added gatsby-node.mjs to handle gatsby-plugin-mdx update issues
- Updated index.jsx with gatsby-codemods and manual slug field entry

Co-authored-by: Aatman Vaidya <[email protected]>

uli-website/.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

uli-website/gatsby-config.js

@@ -6,16 +6,7 @@ module.exports = {
     "gatsby-plugin-styled-components",
     "gatsby-plugin-image",
     "gatsby-plugin-react-helmet",
-    {
-      resolve: "gatsby-plugin-mdx",
-      options: {
-        defaultLayouts: {
-          default: require.resolve(
-            "./src/components/molecules/ContentPageShell.jsx"
-          ),
-        },
-      },
-    },
+    "gatsby-plugin-mdx",
     "gatsby-plugin-sharp",
     "gatsby-transformer-sharp",
     {

uli-website/gatsby-node.mjs

@@ -0,0 +1,14 @@
+import { createFilePath } from "gatsby-source-filesystem"
+
+export const onCreateNode = ({ node, getNode, actions }) => {
+  const { createNodeField } = actions
+  if (node.internal.type === 'Mdx') {
+    const relativeFilePath = createFilePath({ node, getNode })
+    console.log(relativeFilePath);
+    createNodeField({
+      node,
+      name: 'slug',
+      value: `${relativeFilePath}`
+    });
+  }
+};