fix(frontend): Remove double title on credentials input (#8638)

- Add condition to hide `credentials` input title in `CustomNode:generateInputHandles`
- Add `title={schema.description}` to `<CredentialsInput>` title element

Author: Pwuts

autogpt_platform/frontend/src/components/CustomNode.tsx

@@ -225,14 +225,14 @@ export function CustomNode({
                     side="left"
                   />
                 ) : (
-                  <span
-                    className="text-m green mb-0 text-gray-900"
-                    title={propSchema.description}
-                  >
-                    {propKey == "credentials"
-                      ? "Credentials"
-                      : propSchema.title || beautifyString(propKey)}
-                  </span>
+                  propKey != "credentials" && (
+                    <span
+                      className="text-m green mb-0 text-gray-900"
+                      title={propSchema.description}
+                    >
+                      {propSchema.title || beautifyString(propKey)}
+                    </span>
+                  )
                 )}
                 {!isConnected && (
                   <NodeGenericInputField

autogpt_platform/frontend/src/components/integrations/credentials-input.tsx

@@ -234,7 +234,12 @@ export const CredentialsInput: FC<{
   if (savedApiKeys.length === 0 && savedOAuthCredentials.length === 0) {
     return (
       <>
-        <span className="text-m green mb-0 text-gray-900">Credentials</span>
+        <span
+          className="text-m green mb-0 text-gray-900"
+          title={schema.description}
+        >
+          Credentials
+        </span>
         <div className={cn("flex flex-row space-x-2", className)}>
           {supportsOAuth2 && (
             <Button onClick={handleOAuthLogin}>