fix(frontend): Add text length limit when displaying Graph & Block name with different length in different places

[majdyz]

This is a cosmetic change, different place looks better on different text lengths for display. This also avoids text spilling over making the padding size look uneven between entries.

Changes 🏗️

• Set text length limit in different places.
• Make the Scrollable component horizontally scrollable.

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:
  • ...

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

[codiumai-pr-agent-pro]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Potential UI Bug The scroll-area component has both overflow:scroll style and overflow-hidden class which may cause unexpected scrolling behavior Code Smell The TextRenderer component accepts 'any' type for value parameter which could lead to runtime errors. Consider adding proper type constraints UI Consistency Different truncation limits are used in different places (45 chars for name, 165 for description). Consider standardizing these limits or making them configurable

[netlify]

✅ Deploy Preview for auto-gpt-docs canceled.

Name	Link
🔨 Latest commit	3b7178b
🔍 Latest deploy log	https://app.netlify.com/sites/auto-gpt-docs/deploys/67405c753bf9080008aeea93