feat: add button and input element support to toolbar

[devin-ai-integration]

Add Button and Input Element Support to Toolbar

Changes

• Added Button and Input elements to toolbar dropdown menu
• Updated INSERT_DIV mode to INSERT_ELEMENT for better extensibility
• Implemented drag-and-drop functionality for new elements
• Added default styling and properties for buttons and inputs
• Added up chevron dropdown menu to toolbar UI

Implementation Details

• Updated models.ts to support new element types (Button, Input)
• Modified insert/index.ts to handle different element types with specific styling
• Enhanced toolbar UI with dropdown menu and new element options
• Maintained compatibility with existing text tool and hotkeys

Testing Notes

Environment Issue: Local development environment is missing GTK library (libgtk-3.so.0). Please test the following in your environment:

1. Toolbar UI

   • Up chevron appears next to square icon
   • Dropdown menu shows Button and Input options
   • Chevron width is half of square icon width

2. Drag and Drop

   • Drag Button/Input from toolbar to page
   • Click to select and place elements
   • Default styling applied correctly

3. Element Properties

   • Buttons have default padding, background color
   • Inputs have default width, border styling
   • Text content preserved appropriately

Link to Devin run

https://app.devin.ai/sessions/4df3da1e8be044ffb32fe2564ac4f0c9

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add "(aside)" to your comment to have me ignore it.
• Look at CI failures and help fix them

⚙️ Control Options:

• Disable automatic comment and CI monitoring