Feat: Translate operator names and allow mailboxes to reference operator names #3221 (#9118)

### What problem does this PR solve?

Feat: Translate operator names and allow mailboxes to reference operator
names #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/form-sheet/index.less

@@ -1,21 +0,0 @@
-.title {
-  flex-basis: 60px;
-}
-
-.formWrapper {
-  :global(.ant-form-item-label) {
-    font-weight: 600;
-  }
-}
-
-.operatorDescription {
-  font-size: 14px;
-  padding-top: 16px;
-  font-weight: normal;
-}
-
-.formDrawer {
-  :global(.ant-drawer-content-wrapper) {
-    transform: translateX(0) !important;
-  }
-}

web/src/pages/agent/form-sheet/next.tsx

@@ -103,7 +103,11 @@ const FormSheet = ({
               )}
               <X onClick={hideModal} />
             </div>
-            <span>{t(`${lowerFirst(operatorName)}Description`)}</span>
+            <span>
+              {t(
+                `${lowerFirst(operatorName === Operator.Tool ? clickedToolId : operatorName)}Description`,
+              )}
+            </span>
           </section>
         </SheetHeader>
         <section className="pt-4 overflow-auto flex-1">