fix(frontend): Make pins smaller and fix hover area and highlight for input pins

[kcze]

Recently pins were made slightly bigger and misaligned needlessly. The problem in the linked issue was to fix connection area, not make them bigger.

• Connection pins area is too small #8913

Changes 🏗️

• Revert pins size to smaller
• Fix hover area and highlight for input pins

Checklist 📋

For code changes:

• I have clearly listed my changes in the PR description
• I have made a test plan
• I have tested my changes according to the test plan:
  • Connect, reconnect, remove connection
  • Tutorial works

Example test plan

• Create from scratch and execute an agent with at least 3 blocks
• Import an agent from file upload, and confirm it executes correctly
• Upload agent to marketplace
• Import an agent from marketplace and confirm it executes correctly
• Edit an agent from monitor, and confirm it executes correctly

For configuration changes:

• .env.example is updated or already compatible with my changes
• docker-compose.yml is updated or already compatible with my changes
• I have included a list of my configuration changes in the PR description (under Changes)

Examples of configuration changes

• Changing ports
• Adding new services that need to communicate with each other
• Secrets or environment variable changes
• New or infrastructure changes such as databases

[netlify]

✅ Deploy Preview for auto-gpt-docs-dev canceled.

Name	Link
🔨 Latest commit	379d225
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs-dev/deploys/67594c0e60821700085c1368

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	379d225
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/67594c0e1db9bc0008fe8d15

[Bentlybro]

Tested and works, thank you for this :)