메뉴배너 detailGrid 적용

src/styles/Components.js

@@ -174,6 +174,21 @@ export const BtnWrapper = styled.div`
 	padding-top: ${props => props.$paddingTop};
 `;
 
+/**
+ * 버튼 그룹을 위한 스타일드 컴포넌트
+ */
+export const ButtonGroupWrapper = styled.div`
+  width: ${props => props.width};
+  display: flex;
+  position: relative;
+  flex-flow: ${props => props.$flow};
+  justify-content: ${props => props.$justify};
+  gap: ${props => props.$gap};
+  margin-top: ${props => props.$marginTop};
+  margin-bottom: ${props => props.$marginBottom};
+  padding-top: ${props => props.$paddingTop};
+`;
+
 export const Title = styled.h2`
 	font-size: 30px;
 	font-weight: 700;
@@ -744,4 +759,12 @@ export const TotalRow = styled.tr`
     padding: 10px;
     border-bottom: 1px solid #ddd;
   }
+`;
+
+export const ImagePreview = styled.img`
+  width: 100%;
+  height: 180px;
+  object-fit: contain;
+  border-radius: 4px 4px 0 0;
+  background-color: #f6f6f6;
 `;