fix: rename component to handle case issue

src/containers/Home/Home.tsx

@@ -7,7 +7,7 @@ export type HomePageProps = React.DetailedHTMLProps<
   HTMLDivElement
 >
 
-export const HomePage: React.FC<HomePageProps> = ({ children, ...props }) => {
+export const Home: React.FC<HomePageProps> = ({ children, ...props }) => {
   return (
     <Root {...props}>
       <Content>{children}</Content>

src/containers/Home/index.ts

@@ -0,0 +1 @@
+export * from './Home'

src/containers/HomePage/index.ts

@@ -1 +0,0 @@
-export * from './HomePage'

src/pages/index.mdx

@@ -1,6 +1,6 @@
 import { SEO } from '@/components/SEO'
 import { Tags } from '@/components/Tags'
-import { HomePage } from '@/containers/Homepage'
+import { Home } from '@/containers/Home'
 import { Button } from '@/components/Button'
 import { Hero, Description } from '@/components/Hero'
 import { Portfolio, PortfolioItem } from '@/components/Portfolio'
@@ -14,7 +14,7 @@ import { Footer } from '@/components/Footer'
 
 <Navbar />
 
-<HomePage>
+<Home>
     <Hero>
         # Institute<br />of Free <br />Technology
         
@@ -111,4 +111,4 @@ import { Footer } from '@/components/Footer'
         </Member>
     </Team>
     <Footer/>
-</HomePage>
+</Home>

src/pages/test.tsx

@@ -1,5 +1,4 @@
 import { SEO } from '@/components/SEO'
-import { HomePage } from '@/containers/HomePage'
 import { MDXRemote, MDXRemoteSerializeResult } from 'next-mdx-remote'
 import { serialize } from 'next-mdx-remote/serialize'
 import { DefaultLayout } from '../layouts/DefaultLayout'
@@ -12,7 +11,6 @@ const Page = ({ mdxSource }: Props) => {
   return (
     <>
       <SEO />
-      <HomePage />
       <MDXRemote {...mdxSource} />
     </>
   )