Update documentation

docs/components/Navigation/Navigation.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { navigation } from '../../constants/navigation';
 import { Logo } from '../Images';
-import Link from 'next/Link';
+import Link from 'next/link';
 import { Extension } from '../../constants/extension';
 import { useRouter } from 'next/router';
 

docs/pages/changelog/index.tsx

@@ -24,6 +24,7 @@ export default function Home({ content }: any) {
           </div>
 
           <div className={`changelog`}>
+            {/* eslint-disable react/no-children-prop */}
             <ReactMarkdown 
               components={{
                 a: ({node, ...props}) => {

docs/pages/docs/[slug].tsx

@@ -20,6 +20,7 @@ export default function News({ page }: any) {
       <OtherMeta image={page.image} type={`article`} />
 
       <Layout>
+        {/* eslint-disable react/no-children-prop */}
         <ReactMarkdown 
           components={{
             a: ({node, ...props}) => {

docs/pages/showcase/index.tsx

@@ -23,7 +23,7 @@ export default function Home({ showcases }: any) {
 
           <div className={`py-8 grid grid-cols-2 gap-8`}>
             {showcases.filter((showcase: any) => showcase.image).map((showcase: any) => (
-              <a className="group space-y-2 md:space-y-5 relative" href={showcase.link} title={showcase.title} rel={`noopener noreferrer`}>
+              <a key={showcase.title} className="group space-y-2 md:space-y-5 relative" href={showcase.link} title={showcase.title} rel={`noopener noreferrer`}>
                 <figure className={`relative h-[25rem] overflow-hidden grayscale group-hover:grayscale-0`}>
                   <img className={`w-full object-cover`} src={`/showcases/${showcase.image}`} alt={showcase.title} loading={`lazy`} />
                 </figure>