UI Update (#2619)

* Draft

* Update

src/components/Blog/BacktoBlog.js

@@ -0,0 +1,15 @@
+// src/components/Blog/BacktoBlog.js
+import React from 'react';
+import Link from '@docusaurus/Link';
+import styles from './styles.module.scss';
+
+
+const BackToBlogHub = () => (
+
+    <Link to="/blog" className={styles.blogHome}>
+      ← Back to Blogs
+    </Link>
+
+);
+
+export default BackToBlogHub;

src/components/Blog/styles.module.scss

@@ -0,0 +1,10 @@
+.blogHome {
+  text-decoration: none;
+  font-size: 14px;
+  position: absolute;
+  display: block;
+  left: 32px;
+
+  top: 140px;
+  color: #525860;
+}

src/theme/BlogPostPage/index.js

@@ -0,0 +1,13 @@
+// src/theme/BlogPostPage/index.js
+import React from 'react';
+import OriginalBlogPostPage from '@theme-original/BlogPostPage'; 
+import BackToBlogHub from '../../components/Blog/BacktoBlog';
+
+export default function BlogPostPageWrapper(props) {
+  return (
+    <>
+      <BackToBlogHub />
+      <OriginalBlogPostPage {...props} />
+    </>
+  );
+}