Refactor: 구 관심사 & 직무 정보 선택 UI 리팩터링

[sscoderati]

이슈번호

close: #240

작업 내용 설명

기존의 관심사 및 직무 정보를 선택하는 선택 UI를 개편했습니다.
기존 UI는 목록을 초과해서 선택하면 에러 메시지를 띄우는 기능이 있었는데, 해당 기능을 React Hook Form에서 제공하고 있어서 제거했습니다. (추후 zod와 함께 적용 예정)
원래 이슈에는 JobStore, InterestStore를 제거하는 것까지 태스크로 잡아놨었는데, 폼 개선 작업 때 이루어져야 할 것 같습니다..!
React Hook Form의 Controller를 활용 시 아래와 같은 방식으로 활용하면 됩니다.

// 활용 예시

// ...
interface MultiSelectorSubmitValue {
  interest: string[];
}

const TestPage = () => {
  const { control, handleSubmit } = useForm<MultiSelectorSubmitValue>();
  const handleSubmitInterests: SubmitHandler<MultiSelectorSubmitValue> = (data) => {
    console.log(data);
  };
  return (
    <TestPageLayout>
      <form onSubmit={handleSubmit(handleSubmitInterests)}>
        <Controller
          name={"interest"}
          control={control}
          render={({ field }) => (
            <MultiSelector
              isDarkMode={false}
              itemList={InterestList}
              maxCount={4}
              onValueChange={field.onChange}
            />
          )}
        />
        <button type={"submit"}>{"Submit Interest"}</button>
      </form>
    </TestPageLayout>
  );
};

// ...

리뷰어에게 한마디

이 PR을 머지하고 기존 폼 개선 작업이 이루어져야 합니다...!