fix(ui-buttons): fix seondary ai iconbutton when shape is circle

INSTUI-4691

Author: HerrTopi

packages/ui-buttons/src/BaseButton/styles.ts

@@ -388,7 +388,7 @@ const generateStyle = (
                     ? {
                         borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
                       }
-                    : {})
+                    : { borderRadius: '50%' })
                 }
               }
             : {})

packages/ui-buttons/src/Button/README.md

@@ -42,6 +42,8 @@ type: example
   <Button color="ai-primary" renderIcon={IconAiSolid} margin="small">AI Primary</Button>
   <Button color="ai-secondary" renderIcon={IconAiColoredSolid} margin="small">AI Secondary</Button>
   <IconButton color="ai-primary" screenReaderLabel="AI button" margin="small"><IconAiSolid/></IconButton>
+  <IconButton  shape='circle' color="ai-secondary" screenReaderLabel="AI button"  margin="small"><IconAiColoredSolid/></IconButton>
+  <IconButton   shape='circle' color="ai-primary" screenReaderLabel="AI button" margin="small"><IconAiSolid/></IconButton>
   <IconButton color="ai-secondary" screenReaderLabel="AI button"  margin="small"><IconAiColoredSolid/></IconButton>
 </View>
 ```

regression-test/src/app/button/page.tsx

@@ -155,13 +155,22 @@ export default function ButtonPage() {
         </View>
         <View display="inline-block" background="primary-inverse">
           <IconButton
-            withBackground={false}
-            withBorder={false}
-            color="primary-inverse"
-            screenReaderLabel="Delete tag"
-            margin="large"
+            shape="circle"
+            color="ai-secondary"
+            screenReaderLabel="AI button"
+            margin="small"
           >
-            <IconXSolid />
+            <IconAiColoredSolid />
+          </IconButton>
+        </View>
+        <View display="inline-block" background="primary-inverse">
+          <IconButton
+            shape="circle"
+            color="ai-primary"
+            screenReaderLabel="AI button"
+            margin="small"
+          >
+            <IconAiSolid />
           </IconButton>
         </View>
       </div>