feat.[SWV-812] 공통 리소스 이미지 관리 방식 변경(videoPlay, Arrow)

layers/components/widgets/VideoPlay.vue

@@ -7,6 +7,10 @@ const props = defineProps<{
 
 const modalStore = useModalStore()
 
+const bgColor = computed(() => {
+  return getColorCodeFromData(props.resourcesData.display, 'none')
+})
+
 // 비디오 플레이 버튼 클릭 핸들러
 const handleVideoPlayClick = () => {
   const youtubeUrl = props.resourcesData?.display?.text ?? ''
@@ -18,6 +22,7 @@ const handleVideoPlayClick = () => {
 
 <template>
   <AtomsButtonPlay
+    :bg-color="bgColor"
     :tracking="props.resourcesData.tracking"
     @click="handleVideoPlayClick"
   />