[update] upgrade the reader page

components/mdx/H2.tsx

@@ -1,6 +1,6 @@
 const H2 = (props: JSX.IntrinsicElements["h2"]) => {
   return (
-    <h2 className={"caption-font scroll-mt-20"} id={props.id}>
+    <h2 className={"caption-font mt-6 mb-2 scroll-mt-20"} id={props.id}>
       {props.children}
     </h2>
   );

components/utils/SocialIcons.tsx

@@ -1,7 +1,7 @@
 import { Config } from "@/data/config";
 import Link from "next/link";
+import { FaQuora, FaWeibo } from "react-icons/fa";
 import { FiGithub, FiInstagram, FiMail, FiTwitter } from "react-icons/fi";
-import { FaWeibo } from "react-icons/fa";
 import {
   TbBrandBilibili,
   TbBrandFacebook,
@@ -95,6 +95,16 @@ export const SocialIcons = () => {
           <TbBrandFacebook className="hover:text-blue-500" />
         </Link>
       )}
+      {Config.SocialLinks.quora && (
+        <Link
+          className="flex w-1/5 basis-0 justify-center p-2"
+          href={`https://quora.com/profile/${Config.SocialLinks.quora}`}
+          target="_blank"
+          title="Quora"
+        >
+          <FaQuora className="hover:text-red-500" />
+        </Link>
+      )}
       {Config.SocialLinks.linkedin && (
         <Link
           className="flex w-1/5 basis-0 justify-center p-2"