Enhance note display in PropsList with improved note section styling … (#3701)

* Enhance note display in PropsList with improved note section styling and formatting

* Style change to new guidelines

* remove padding comment

Author: adids1221

docuilib/src/components/pageComponents/PropsList.tsx

@@ -73,7 +73,20 @@ export const PropsList = ({props}) => {
             {defaultValue}
           </span>
           {prop.note && (
-            <span key={`${props.name}-note`} style={{display: 'block', marginBottom: 28, fontSize: '16px', fontWeight: '700'}}>{prop.note}</span>
+            <span
+              key={`${props.name}-note`}
+              style={{
+                display: 'block',
+                marginBottom: 28,
+                fontSize: '16px',
+                fontWeight: '400',
+                backgroundColor: '#F0F2F5',
+                padding: '24px 40px',
+                borderRadius: '8px'
+              }}
+            >
+              {prop.note}
+            </span>
           )}
         </>
       );