ui 수정 및 시현할 기능 업데이트

frontend/components/screen/layout/ColumnComponent.tsx

@@ -63,7 +63,7 @@ export default function ColumnComponent({
     <div
       className={cn(
         "flex-1 rounded border border-gray-200 p-2",
-        isSelected && "border-blue-500 bg-blue-50",
+        isSelected && "border-primary bg-accent",
         isMoving && "cursor-move",
         className,
       )}

frontend/components/screen/layout/ContainerComponent.tsx

@@ -63,7 +63,7 @@ export default function ContainerComponent({
     <div
       className={cn(
         "rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 p-4",
-        isSelected && "border-blue-500 bg-blue-50",
+        isSelected && "border-primary bg-accent",
         isMoving && "cursor-move",
         className,
       )}

frontend/components/screen/layout/RowComponent.tsx

@@ -63,7 +63,7 @@ export default function RowComponent({
     <div
       className={cn(
         "flex gap-4 rounded border border-gray-200 p-2",
-        isSelected && "border-blue-500 bg-blue-50",
+        isSelected && "border-primary bg-accent",
         isMoving && "cursor-move",
         className,
       )}