Theme에 대한 심도 깊은 이해가 필요할 것 같다.
발생 이슈

- 바텀 네비게이션의 배경은 colorSurface에서 가져온다.
- 근데 dynamic color로 가져오는 건지, 색깔은 변경되지만 내가 지정한 색깔과 동일하지 않다.
- 그래도 colorSurface에 우리의 색깔을 지정하여, material의 default color(보라색)가 적용되는 걸 막으려 했으나

- 직접 적용한 background보다 우선순위가 높은 건지, colorSurface에 저장한 색깔이 background 색깔을 덮어버린다.