refactor: blog directory

components/BlogPostComments.tsx

@@ -1,33 +0,0 @@
-'use client'
-
-import Giscus from '@giscus/react'
-
-import { useTheme } from '@/theme/theme.client'
-import type { CookiesStore } from '@/utils/constants'
-
-interface BlogPostCommentsProps {
-  cookiesStore: CookiesStore
-}
-
-export const BlogPostComments = (props: BlogPostCommentsProps): JSX.Element => {
-  const { cookiesStore } = props
-
-  const theme = useTheme(cookiesStore)
-
-  return (
-    <Giscus
-      id='comments'
-      repo='theoludwig/theoludwig'
-      repoId='MDEwOlJlcG9zaXRvcnkzNTg5NDg1NDQ='
-      category='General'
-      categoryId='DIC_kwDOFWUewM4CQ_WK'
-      mapping='pathname'
-      reactionsEnabled='1'
-      emitMetadata='0'
-      inputPosition='top'
-      theme={theme}
-      lang='en'
-      loading='lazy'
-    />
-  )
-}

components/BlogPosts.tsx

@@ -1,42 +0,0 @@
-import Link from 'next/link'
-import date from 'date-and-time'
-
-import { ShadowContainer } from '@/components/design/ShadowContainer'
-import { getPosts } from '@/utils/blog'
-
-export const BlogPosts = async (): Promise<JSX.Element> => {
-  const posts = await getPosts()
-
-  return (
-    <div className='flex w-full items-center justify-center p-8'>
-      <div className='w-[1600px]' data-cy='blog-posts'>
-        {posts.map((post, index) => {
-          const postPublishedOn = date.format(
-            new Date(post.frontmatter.publishedOn),
-            'DD/MM/YYYY'
-          )
-          return (
-            <Link
-              href={`/blog/${post.slug}`}
-              key={index}
-              locale='en'
-              data-cy={post.slug}
-            >
-              <ShadowContainer className='cursor-pointer p-6 transition duration-200 ease-in-out hover:-translate-y-2'>
-                <h2 data-cy='blog-post-title' className='text-xl font-semibold'>
-                  {post.frontmatter.title}
-                </h2>
-                <p data-cy='blog-post-date' className='mt-2'>
-                  {postPublishedOn}
-                </p>
-                <p data-cy='blog-post-description' className='mt-3'>
-                  {post.frontmatter.description}
-                </p>
-              </ShadowContainer>
-            </Link>
-          )
-        })}
-      </div>
-    </div>
-  )
-}