used react-helmet on dynamic pages

Author: ZibanPirate

web/src/apps/main/pages/articles/content/index.tsx

@@ -14,6 +14,7 @@ import LinkedInIcon from "@material-ui/icons/LinkedIn";
 import TwitterIcon from "@material-ui/icons/Twitter";
 import Skeleton from "@material-ui/lab/Skeleton";
 import { FC, useEffect } from "react";
+import { Helmet } from "react-helmet";
 import { useDispatch, useSelector } from "react-redux";
 import { Authors } from "src/apps/main/components/authors";
 import { Contributors } from "src/apps/main/components/contributors";
@@ -104,6 +105,10 @@ export const Content: FC = () => {
         />
       ) : currentArticle ? (
         <>
+          <Helmet>
+            <title>{`${currentArticle.title} | DzCode i/o`}</title>
+            <meta name="description" content={currentArticle.description} />
+          </Helmet>
           {/* Image */}
           {currentArticle.image && (
             <img

web/src/apps/main/pages/learn/content/index.tsx

@@ -14,6 +14,7 @@ import LinkedInIcon from "@material-ui/icons/LinkedIn";
 import TwitterIcon from "@material-ui/icons/Twitter";
 import Skeleton from "@material-ui/lab/Skeleton";
 import { FC, useEffect } from "react";
+import { Helmet } from "react-helmet";
 import { useDispatch, useSelector } from "react-redux";
 import { Authors } from "src/apps/main/components/authors";
 import { Contributors } from "src/apps/main/components/contributors";
@@ -103,6 +104,10 @@ export const Content: FC = () => {
         />
       ) : currentDocument ? (
         <>
+          <Helmet>
+            <title>{`${currentDocument.title} | DzCode i/o`}</title>
+            <meta name="description" content={currentDocument.description} />
+          </Helmet>
           {/* Image */}
           {currentDocument.image && (
             <img