[Feat/#287] 참여자 가능시간 입력시 새로고침하면 참여자 이름이 날아가는 문제 수정

[simeunseo]

🌀 해당 이슈 번호

• close [Fix] 참여자 가능시간 입력시 새로고침하면 참여자 이름이 날아가는 문제 수정 #287

🔹 어떤 것을 변경했나요?

• recoil-persist로 참여자 이름 저장

🔹 어떻게 구현했나요?

참여자 이름을 저장하는 atom에 recoil-persist를 적용했습니다

export const userNameAtom = atom<string>({
  key: 'userNameAtom',
  default: '',
  effects_UNSTABLE: [persistAtom],
});

recoil-persist는 해당 정보를 local-storage에 저장해주는 기능입니다.
그래서 참여자 이름을 입력하면 다음과같이 loca-storage에 저장되고
새로 입력할때마다 값이 대체됩니다.

🔹 PR 포인트를 알려주세요!

일단 빠르고 간단한 해결책인 recoil-persist로 해결을 하긴했지만
전역 상태관리에 대해 전반적으로 리팩토링이 필요할것같습니다.

🔹 스크린샷을 남겨주세요!

수정 전

2024-07-27.11.32.01.mov

수정 후

2024-07-27.11.31.13.mov

[ljh0608]

LGTM