Remove the active property of styled-components inside ListItem

[sungik-choi]

Description

ListItem 내부 styled-components의 active 속성을 제거해야합니다.

Reasons for suggestion

jest에서 아래와 같은 에러가 출력됩니다.

Warning: Received `false` for a non-boolean attribute `active`.

If you want to write it to the DOM, pass a string instead: active="false" or active={value.toString()}.

If you used to conditionally omit it with active={condition && value}, pass active={condition ? value : undefined} instead.

styled-components의 styled prop을 활용하기 위해 active prop을 컴포넌트에 전달하는데, 이 속성이 유효한 DOM attribute이기에 문제가 됩니다.

(+ 주의깊게 신경쓰지 않으면 의도치 않은 방향으로 동작할 수 있습니다. #1053 같은 이슈처럼 해결하기 어려운 문제가 될 수 있어서, 장기적으로 prop을 통한 스타일링은 지양해야한다고 생각합니다)

Proposed solution

styled prop이 아닌, classnames를 활용하여 className을 통한 스타일링으로 변경하면 불필요한 attribute 주입을 피할 수 있습니다.

References

No response