5주차 산출물 PR (#29) (#30)

* chore: install dependency svgr

* feat: add routing to createBrowserRouter

* feat: add InnerContainer component

* refactor: add barrel export pattern for common components

* feat: add Typo component

* feat: add SignIn page

* feat: add AppProviders to Storybook preview

* Feat/#22 구인 글 업로드 페이지 구현 (#28)

* feat: add path of PostNotice page

* feat: add PostNotice page

* Feat/#20 외국인 번호 및 비자 발급 일자 등록 페이지 구현 (#27)

* feat: 외국인 번호 및 비자 발급 일자 등록 페이지 구현

* feat: VisaRegistration path 설정

* docs(storybook): VisaRegistration 페이지 스토리북 생성

* feat: VisaRegistration 페이지의 form 반응성 향상

* refactor: Header 컴포넌트의 버튼을 공통 컴포넌트로 통합하고 max-width 적용

---------



* Feat/#21 구인 글 상세 페이지 구현 (#26)

* feat: Recruit path 설정

* feat: RecruitCard 컴포넌트 구현
- Recruit 페이지 상단에 들어가는 카드? 입니다.
- 타입 정의 인터페이스 및 props는 추후 수정할 예정입니다.

* docs(storybook): RecruitCard 스토리북 생성
- 제목, 회사 타입, 지역, 경력, 사진(링크)을 입력해서 확인할 수 있습니다.
- 기본 사진으로는 춘봉이와 첨지 이미지를 사용했으며, 추후 수정할 예정입니다.

* feat: RecruitDetail 컴포넌트 구현
  - Recruit 페이지 하단에 들어가는 상세정보 컴포넌트 입니다.
  - 타입 정의 인터페이스 및 props는 추후 수정할 예정입니다.

* docs(storybook): RecruitDetail 스토리북 생성
  - 상세 설명, 주요 업무, 지원 자격, 우대 사항을 입력해서 테스트 할 수 있습니다.
	- 상세 설명은 text, 그 외는 id와 text로 이루어진 객체를 입력하면 됩니다.
	- 테스트 형식(데이터 형식)은 임시 지정으로, 추후 수정할 예정입니다.

* refactor: 스토리북 폴더 구조 변경
- 페이지 폴더 내에 stories 폴더를 만들어서 스토리북 파일을 모았습니다.

---------



* Feat/#17 고용인/피고용인 페이지 구현 (#18)

* rename: rename AppProviders

* feat: add breakpoints and responsiveStyles method

* feat: add Layout component

* style: add responsive styles for tablet and mobile to SignIn page

* feat: add SignUp page's path

* feat: add Icon component

* feat: add borderColor prop to Card component

* feat: add bold prop to Typo component

* feat: add bounce global animation style

* feat: add useToggle hooks

* fix: add borderRadius css property

* feat: add onClose prop to Modal

* feat: add SignUp page

* rename: rename directory footer to Footer

---------

Co-authored-by: yimsebin <[email protected]>
Co-authored-by: Kim Jian <[email protected]>
Co-authored-by: LEE YONGJIN <[email protected]>

.storybook/preview.ts → .storybook/preview.tsx

@@ -1,4 +1,6 @@
+import React from 'react';
 import type { Preview } from '@storybook/react';
+import AppProviders from '../src/components/providers/index.provider';
 
 const preview: Preview = {
   parameters: {
@@ -9,8 +11,14 @@ const preview: Preview = {
       },
     },
   },
-
   tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <AppProviders>
+        <Story />
+      </AppProviders>
+    ),
+  ],
 };
 
 export default preview;