[GGFE-228] 에러페이지 이모지 수정 + 스토리북 추가

components/error/Error.tsx

@@ -1,7 +1,9 @@
-import React from 'react';
-import ErrorEmoji from 'public/image/noti_empty.svg';
 import useErrorPage from 'hooks/error/useErrorPage';
 import styles from 'styles/Error.module.scss';
+import DizzyFace from '/public/image/dizzyface.svg';
+import DizzyFaceNoMouth from '/public/image/dizzyface-no_mouth.svg';
+import DizzyFaceLikeNoti from '/public/image/dizzyface-like_noti.svg';
+import DizzyFaceLikeNoti2 from '/public/image/dizzyface-like_noti_2.svg';
 
 export default function ErrorPage() {
   const { error, goHome } = useErrorPage();
@@ -21,7 +23,10 @@ export default function ErrorPage() {
               <div></div>
               <div></div>
             </div>
-            <ErrorEmoji />
+            <DizzyFaceNoMouth />
+            <DizzyFaceLikeNoti />
+            <DizzyFaceLikeNoti2 />
+            <DizzyFace />
           </div>
         </div>
         <div className={styles.home} onClick={goHome}>

hooks/error/useErrorPage.ts

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import { useRecoilState } from 'recoil';
 import { errorState } from 'utils/recoil/error';
 
-export const useErrorPage = () => {
+const useErrorPage = () => {
   const [error, setError] = useRecoilState(errorState);
   const router = useRouter();
 

stories/error.stories.tsx

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+import { useSetRecoilState } from 'recoil';
+import type { Meta, StoryObj } from '@storybook/react';
+import { errorState } from 'utils/recoil/error';
+import ErrorPage from 'components/error/Error';
+
+const meta: Meta = {
+  title: '/ErrorPage',
+  component: ErrorPage,
+};
+
+export default meta;
+type Story = StoryObj<typeof ErrorPage>;
+
+function useSetError() {
+  const setError = useSetRecoilState(errorState);
+
+  useEffect(() => {
+    setError('HJ00');
+  }, []);
+}
+
+const ErrorDefault = () => {
+  useSetError();
+  return <ErrorPage />;
+};
+
+export const Default: Story = {
+  render: () => <ErrorDefault />,
+};