chore: refine copy icon styling

Author: mtrezza

src/components/AggregationPanel/AggregationPanel.scss

@@ -27,6 +27,8 @@
         display: none;
         cursor: pointer;
         margin-left: 4px;
+        color: inherit;
+        opacity: 0.6;
     }
 
     &:hover .copyIcon {

src/components/AggregationPanel/AggregationPanelComponents.js

@@ -30,7 +30,7 @@ export const KeyValueElement = ({ item, appName, style, showNote }) => {
         <span>{item.value}</span>
       )}
       <span className={styles.copyIcon} onClick={handleCopy}>
-        <Icon name="clone-icon" width={12} height={12} />
+        <Icon name="clone-icon" width={12} height={12} fill="currentColor" />
       </span>
     </div>
   );