Merge pull request #974 from 42organization/GGFE-228-에러페이지-이모지-변경

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

components/error/Error.tsx

@@ -1,7 +1,6 @@
-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 ErrorEmoji from '/public/image/error_face.svg';
 
 export default function ErrorPage() {
   const { error, goHome } = useErrorPage();

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 />,
+};