[Feat/#32] loading & error 창 구현 (#33)

* feat: calculator 숫자 formatting

* feat: 매출 page 숫자 formatting

* feat: LessonDetail 가격 숫자 formatting

* feat: mypage hanamoney 숫자 formatting

* feat: Loading 화면 추가

* feat: Error 화면 추가

src/pages/ErrorPage.tsx

@@ -0,0 +1,24 @@
+import { BiErrorCircle } from 'react-icons/bi';
+import { Button } from '../components/common/Button';
+import { useNavigate } from 'react-router-dom';
+
+export const ErrorPage = () => {
+  const navigate = useNavigate();
+  return (
+    <div className='flex flex-col text-center justify-center items-center h-screen'>
+      <BiErrorCircle className='text-hanaSilver w-20 h-20 mb-6' />
+      <p className='font-hanaRegular text-2xl'>
+        서비스 이용에 <br /> 불편을 드려 죄송합니다.
+      </p>
+      <p className='font-hanaLight text-hanaNavGray text-center mt-3'>
+        이용하고자 하는 업무에 장애가 발생하였습니다. <br /> 잠시 후 다시
+        시도하여 주시기 바랍니다.
+      </p>
+      <Button
+        message='메인화면 이동'
+        isActive={true}
+        onClick={() => navigate('/')}
+      />
+    </div>
+  );
+};

src/pages/Loading.tsx

@@ -0,0 +1,11 @@
+export const Loading = () => {
+  return (
+    <div className='flex flex-col h-screen justify-center items-center'>
+      <img src='/images/loading.gif' alt='' className='w-36 h-16 ml-6' />
+      <div className='flex flex-row justify-center items-center text-3xl text-hanaNavGreen font-hanaBold'>
+        <img src='/images/logo.svg' alt='' />
+        <p className='ml-2 pt-2'>하나Fun!</p>
+      </div>
+    </div>
+  );
+};