LogView 리팩토링

LogDetailModal 생성
화면별 히스토리(LogDetailModal) 적용

src/styles/Components.js

@@ -344,6 +344,20 @@ export const TableWrapper = styled.div`
 	}
 `;
 
+export const PopupTableWrapper = styled.div`
+	min-width: 680px;
+	overflow: auto;
+	&::-webkit-scrollbar {
+		height: 10px;
+	}
+	&::-webkit-scrollbar-thumb {
+		background: #666666;
+	}
+	&::-webkit-scrollbar-track {
+		background: #d9d9d9;
+	}
+`;
+
 export const State = styled.span`
 	color: ${props => props.color || '#2c2c2c'};
 `;

src/styles/ModuleComponents.js

@@ -831,4 +831,22 @@ export const CopyBtn = styled.div`
 	position: absolute;
 	right: 0;
 	top: 0;
+`;
+
+export const Tab = styled.div`
+  padding: 10px 20px;
+  cursor: pointer;
+  border-bottom: 2px solid ${props => props.$active ? '#4a6cf7' : 'transparent'};
+  color: ${props => props.$active ? '#4a6cf7' : '#666'};
+  font-weight: ${props => props.$active ? 'bold' : 'normal'};
+  transition: all 0.3s ease;
+  
+  &:hover {
+    background-color: #f5f5f5;
+  }
+`;
+
+export const TabContent = styled.div`
+  display: ${props => props.$active ? 'block' : 'none'};
+  padding: 10px 0;
 `;