improve mdcontent component

- added backlink group component that places all backlinks into a details element so the page is a little cleaner
- changes the "powered by" section to be more relevent to me
- show "no backlinks found" instead of details if no backlinks
- remove the alert at the top of every note
- formatting changes

components/MDContent.js

@@ -1,9 +1,7 @@
 import React from 'react';
-import Alert from '@mui/material/Alert';
-import AlertTitle from '@mui/material/AlertTitle';
-import {useRouter} from 'next/router'
+import { useRouter } from 'next/router'
 
-function BackLinks({linkList}) {
+function BackLinks({ linkList }) {
 
   return (<div className="note-footer">
     <h3 className="backlink-heading">Link to this note</h3>
@@ -28,9 +26,9 @@ function BackLinks({linkList}) {
   </div>);
 }
 
-function MDContent({content, backLinks, handleOpenNewContent}) {
+function MDContent({ content, backLinks, handleOpenNewContent }) {
 
-    function handleInternalLinkClick() {
+  function _handleInternalLinkClick() {
     //Processing fetching
     //pass result up to parent container
     //TODO: handle clicking on internal link, go fetching md content from file then passing it up to parent
@@ -38,26 +36,36 @@ function MDContent({content, backLinks, handleOpenNewContent}) {
   }
 
   useRouter();
+
   return (
 
     <div className="markdown-rendered">
-            <Alert severity="info">
-                <AlertTitle>Want to know more?</AlertTitle>
-                🌱 <strong>Follow</strong> or <strong>DM</strong> me on Twitter at <span><a
-                href="https://twitter.com/tuancm">@tuancm</a></span>
-            </Alert>
-            <div dangerouslySetInnerHTML={{__html: content}}/>
-            {/*<button onClick={handleInternalLinkClick}>Click me</button>*/}
-            {/*<hr/>*/}
-            <div>
-                <BackLinks linkList={backLinks}/>
-            </div>
-            <hr/>
+      <div dangerouslySetInnerHTML={{ __html: content }} />
+      <BackLinksGroup links={backLinks} />
+      <hr />
       <footer>
-                <p>Powered by  <a href="https://github.com/TuanManhCao/digital-garden">Mind Stone</a>, © 2022</p>
+        <p>Powered by  <a href="https://gitlab.com/Tarmstrong95">Triston</a>, © {new Date().getFullYear()}</p>
       </footer>
     </div>
   );
 }
 
+function BackLinksGroup({ links }) {
+
+  if (!links?.length) {
+    return (
+      <p className="no-backlinks"> No backlinks found</p>
+    )
+  }
+
+  return (
+    <details>
+      <summary>
+        BackLinks
+      </summary>
+      <BackLinks linkList={links} />
+    </details>
+  )
+}
+
 export default MDContent;