[Fix]: antd errors for environments

Author: iamfaran

client/packages/lowcoder/src/pages/setting/environments/components/ContactLowcoderModal.tsx

@@ -100,7 +100,7 @@ const ContactLowcoderModal: React.FC<ContactLowcoderModalProps> = ({
       width={800}
       centered
       style={{ top: 20 }}
-      bodyStyle={{ padding: '24px' }}
+      styles={{ body: { padding: '24px' } }}
     >
       {/* Environment Context Section */}
       <Card
@@ -110,7 +110,7 @@ const ContactLowcoderModal: React.FC<ContactLowcoderModalProps> = ({
           background: '#fafafa',
           border: '1px solid #f0f0f0'
         }}
-        bodyStyle={{ padding: '16px' }}
+        styles={{ body: { padding: '16px' } }}
       >
         <Row gutter={[16, 8]} align="middle">
           <Col>

client/packages/lowcoder/src/pages/setting/environments/components/EnvironmentsTable.tsx

@@ -112,7 +112,7 @@ const EnvironmentsTable: React.FC<EnvironmentsTableProps> = ({
                   border: '1px solid #f0f0f0',
                   position: 'relative'
                 }}
-                bodyStyle={{ padding: '16px' }}
+                styles={{ body: { padding: '16px' } }}
                 onClick={() => handleRowClick(env)}
               >
                 {/* Subtle overlay for unlicensed environments */}

client/packages/lowcoder/src/pages/setting/environments/components/UnlicensedEnvironmentView.tsx

@@ -92,7 +92,7 @@ const UnlicensedEnvironmentView: React.FC<UnlicensedEnvironmentViewProps> = ({
                 background: 'white',
                 overflow: 'hidden'
               }}
-              bodyStyle={{ padding: '48px 32px' }}
+              styles={{ body: { padding: '48px 32px' } }}
             >
               {/* Status Icon */}
               <div style={{ marginBottom: '24px' }}>

client/packages/lowcoder/src/pages/setting/environments/components/WorkspaceHeader.tsx

@@ -43,8 +43,8 @@ const HeaderWrapper = styled.div`
   margin-bottom: 24px;
 `;
 
-const GradientBanner = styled.div<{ avatarColor: string }>`
-  background: linear-gradient(135deg, ${props => props.avatarColor} 0%, rgba(24, 144, 255, 0.8) 100%);
+const GradientBanner = styled.div<{ $avatarColor: string }>`
+  background: linear-gradient(135deg, ${props => props.$avatarColor} 0%, rgba(24, 144, 255, 0.8) 100%);
   height: 140px;
   position: relative;
   overflow: hidden;
@@ -77,7 +77,7 @@ const GradientBanner = styled.div<{ avatarColor: string }>`
   }
 
   &:hover {
-    background: linear-gradient(135deg, rgba(24, 144, 255, 0.8) 0%, ${props => props.avatarColor} 100%);
+    background: linear-gradient(135deg, rgba(24, 144, 255, 0.8) 0%, ${props => props.$avatarColor} 100%);
     transition: background 1s ease-in-out;
   }
 `;
@@ -187,7 +187,7 @@ const WorkspaceHeader: React.FC<WorkspaceHeaderProps> = ({
 
   return (
     <HeaderWrapper>
-      <GradientBanner avatarColor={getAvatarColor(workspace.name)}>
+      <GradientBanner $avatarColor={getAvatarColor(workspace.name)}>
         <StatusBadge $active={workspace.managed}>
           {workspace.managed ? "Managed" : "Unmanaged"}
         </StatusBadge>