fix: The "optional" label in the signature component is incorrectly positioned (#8693)

fix: The “optional” label in the signature component is incorrectly positioned

Author: canerakdas

packages/ui-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@node-core/ui-components",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "type": "module",
   "exports": {
     "./*": {

packages/ui-components/src/Common/Signature/SignatureHeader/index.tsx

@@ -30,7 +30,7 @@ const SignatureHeader: FC<SignatureHeaderProps> = ({
             [styles.longName]: name.length > 16,
           })}
         >
-          {name}:
+          {name}
           {optional && (
             <span
               role="img"
@@ -41,6 +41,7 @@ const SignatureHeader: FC<SignatureHeaderProps> = ({
               ?
             </span>
           )}
+          :
         </span>
       </span>
     )}