feat(app): add ingress to app service form [EE-5569] (#9106)

app/react/components/form-components/InputGroup/InputGroupButtonWrapper.tsx

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+import clsx from 'clsx';
 
 import { useInputGroupContext } from './InputGroup';
 
@@ -7,5 +8,16 @@ export function InputGroupButtonWrapper({
 }: PropsWithChildren<unknown>) {
   useInputGroupContext();
 
-  return <span className="input-group-btn">{children}</span>;
+  return (
+    <span
+      className={clsx(
+        'input-group-btn [&>button]:!ml-0',
+        // the button should be rounded at the end (right) if it's the last child and start (left) if it's the first child
+        // if the button is in the middle of the group, it shouldn't be rounded
+        '[&>button]:!rounded-none [&:last-child>button]:!rounded-r-[5px] [&:first-child>button]:!rounded-l-[5px]'
+      )}
+    >
+      {children}
+    </span>
+  );
 }