[Refactor] SC 모음 파일명 수정 & import type

[joohaem]

종류

ISSUE 종류를 선택하세요 ([ ] 안에 x 표시, [x])

• Refactor (리모델링 재개발)

내용

• Styled Component 선언을 모아서 export 해주는 파일들을 styled 폴더에 묶어두었는데,
  기능별 폴더에 위치시키고, 다음 예시와 같이 파일명을 명시시켜주는 방법이 어떨까합니다!

  // main/Main.styles.ts
  export const Root = styled.main`...`;
  export const CheckboxInput = styled.div`...`;

  // main/Main.tsx
  import * as styles from './Main.styles.ts`;

• 이외에 타입 모듈을 불러올 때 사용하는 import type 도 있습니다!

  import { useState, useCallback } from 'react';
  import type { Dispatch, ChangeEvent, SetStateAction } from 'react';