Fix some UI flaws

components/readerpage/TOC.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 
 export const TOC = (props: { data: TTOCItem[] }) => {
   return (
-    <div className="sticky top-[5em] mx-5 p-2 border border-black dark:border-gray-400 rounded-sm">
+    <div className="sticky top-[5em] mx-5 p-2 border border-black dark:border-gray-400">
       <div className="p-2 font-bold text-center border bg-black text-white dark:text-black dark:bg-gray-100">
         {"TABLE OF CONTENTS"}
       </div>

components/utils/PostList.tsx

@@ -13,7 +13,7 @@ export const PostList = (props: { data: TPostListItem[] }) => {
           key={`post-list-${nanoid()}`}
           className={`${fontSourceSerifScreenCN.className} flex flex-col justify-center ${
             index !== props.data.length - 1 && "border-b"
-          } border-dashed border-gray-400 py-3`}
+          } border-gray-200 dark:border-gray-800 py-3`}
         >
           <Link className="hover:text-gray-600 dark:hover:text-gray-400" href={`/blog/${postListItem.id}`}>
             <div className="flex-center flex flex-col py-2 ">