SKRF-117,SKRF-118 init : emotion관련 기능 세팅

[hyesung99]

※Theme.ts내용은 예시로 작성한 것입니다!

📝작업 내용

• 글로벌 스타일 파일 작성 & 적용
• theme provider 설정 & 적용
• 기타 자잘한 오류 수정 (경로 별칭, didi->spaceclub이름 변경)

✨코멘트

theme provider는 반복적으로 사용되는 스타일 또는 속성을 미리 설정함으로써 emotion css스타일 작성할 때 도움을 주기 위한 기능입니다.

-사용방법

import { css } from '@emotion/react';

const test = () => {
  return (
    <div
      css={(theme) => ({
        color: theme.color.primary,
      })}
    >
      test
      <input
        css={(theme) => ({
          animation: `${theme.keyframe.fadeIn} 1s ease-in-out`,
        })}
      />
    </div>
  );
};

이런느낌...

📎관련티켓

이 관련티켓 PR템플릿은 지울까요? 귀찮네요ㅋ.ㅋ

[SongInjae]

관련티켓은 지우셔도 괜찮을 것 같네요ㅋㅋㅋㅋ