#100 style: error page

src/app/(board)/board/[boardId]/_components/ShareBtn.tsx

@@ -44,9 +44,7 @@ const ShareBtn = () => {
         <Modal.BottomModal icon={<TwoPolaroidsIcon className="scale-[2]" />}>
           <Modal.Close />
           <Modal.Title>보드를 친구에게 공유해보세요!</Modal.Title>
-
           <div className="mt-[21px] h-px w-full bg-gray-200" />
-
           <Section title="링크 공유">
             <Section.Item
               icon={<CopyIcon className="-rotate-45" />}

src/app/error.tsx

@@ -1,9 +1,20 @@
 'use client'
 
+import Button from '@/components/Button'
+import { useRouter } from 'next/navigation'
+import ErrorIcon from 'public/icons/error.svg'
+
 const ErrorPage = () => {
+  const router = useRouter()
   return (
     <div className="flex h-dvh flex-col items-center justify-center">
-      <h1>오류가 발생했어요.</h1>
+      <ErrorIcon />
+      <h1 className="mb-3 text-xl font-semiBold">오류가 발생했어요.</h1>
+      <p className="text-xs">사용에 불편을 드려 죄송합니다.</p>
+      <p className="pb-8 text-xs">
+        (이 화면을 덜 보시도록 폴라보팀은 매일 노력하고있어요..!)
+      </p>
+      <Button onClick={() => router.replace('/')}>홈으로 돌아가기</Button>
     </div>
   )
 }