fixed component docs for iconComp

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/iconComp.tsx

@@ -41,9 +41,9 @@ const Container = styled.div<{
   ${(props) =>
     props.$style &&
     css`
-      height: calc(100% - ${props.$style.margin});
-      width: calc(100% - ${props.$style.margin});
-      padding: ${props.$style.padding};
+      height: calc(100% - ${props.$style.margin ?? '0px'});
+      width: calc(100% - ${props.$style.margin ?? '0px'});
+      padding: ${props.$style.padding ?? '0px'};
       margin: ${props.$style.margin};
       border: ${props.$style.borderWidth} solid ${props.$style.border};
       border-radius: ${props.$style.radius};

client/packages/lowcoder/src/pages/ComponentDoc/examples/MediaComp/Icons.tsx

@@ -10,9 +10,12 @@ export default function IconExample() {
         >
           <Example
             title="Icon"
+            width={'80px'}
+            height={'80px'}
             config={{
               icon: "/icon:solid/align-justify",
               iconSize: "20",
+              autoHeight: false,
             }}
             compFactory={IconComp}
           />