Update theme and css

Author: bohyunjung

src/css/custom.css

@@ -59,4 +59,8 @@ article h1 {
 
 .table-of-contents {
   display: none;
+}
+
+.blog-list-page-wrapper article .markdown > h2:first-child {
+  margin-top: 0;
 }

src/theme/BlogListPage/index.tsx

@@ -33,8 +33,8 @@ function BlogListPageMetadata(props: Props): JSX.Element {
 function BlogListPageContent(props: Props): JSX.Element {
   const {metadata, items, sidebar} = props;
   return (
-    <BlogLayout sidebar={sidebar}>
-      <BlogPostItems items={items} />
+    <BlogLayout sidebar={sidebar} wrapperClassName='blog-list-page-wrapper'>
+      <BlogPostItems items={items}/>
       <BlogListPaginator metadata={metadata} />
     </BlogLayout>
   );

src/theme/BlogPostItem/index.tsx

@@ -10,7 +10,7 @@ import type {Props} from '@theme/BlogPostItem';
 // apply a bottom margin in list view
 function useContainerClassName() {
   const {isBlogPostPage} = useBlogPost();
-  return !isBlogPostPage ? 'margin-bottom--lg' : undefined;
+  return !isBlogPostPage ? 'margin-bottom--xl' : undefined;
 }
 
 export default function BlogPostItem({