Improve UI and Refactor Spreadsheet Page with Pagination

[An525ish]

This PR introduces multiple UI and structural improvements across the application, enhancing the user experience and code organization. Key updates include making the "Add Agent" form layout vertical for better readability, modularizing components on the spreadsheet page, and implementing pagination for tables.

Commits:

---

Commit 1: Make "Add Agent" Form Vertical

• Description: Refactored the "Add Agent" form to follow a vertical layout. This change improves readability and aligns the form with standard UX practices for better user interaction.
• Details:
  • Updated form layout from horizontal to vertical, simplifying the styling and structure.
  • Adjusted spacing, labels, and alignment to create a cleaner and more user-friendly input flow.

---

Commit 2: Modularize Spreadsheet Page

• Description: Restructured the spreadsheet page to improve code modularity, making it easier to maintain, scale, and reuse components.
• Details:
  • Separated large spreadsheet logic and UI elements into smaller, reusable components.
  • Created dedicated subcomponents for spreadsheet table rendering, headers, and action buttons.
  • Optimized imports and reduced redundant code by centralizing repeated logic in helper functions.

---

Commit 3: Add Pagination in Tables

• Description: Introduced pagination to tables across the application to improve data handling and user experience, especially for tables with extensive datasets.

• Details:

  • Added pagination controls below each table, with options to navigate between pages and adjust the number of records displayed.

    --Future Implementations--

  • Implemented responsive design for pagination controls to ensure usability on mobile and desktop.
  • Updated table components to fetch data dynamically based on the selected page, optimizing performance for large datasets.

[vercel[bot]]

@An525ish is attempting to deploy a commit to the swarms Team on Vercel.

A member of the Team first needs to authorize it.

[kyegomez]

@An525ish the model dropdown doesnt work, and it doesn't allow you to add agents. please fix these issues before submitting a pr. and pull the latest changes