feat(Table): add body-top / body-bottom slots

[Barbapapazes]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Hello 👋,

This PR adds two new slots for the Table component: body-top and body-bottom. The name is based on the similar slots that exist in the DropdownMenu component but because content-* wasn't really descriptive, I opted for body-* instead.

This allows users to add content above or below the table body (which are the data rows). This can be useful to add additional information or actions like a "Create New" button or a summary of the data displayed in the table without having to highjack the data rows themselves.

This is to achieve a similar behavior to Notion's table component, where a button is displayed at the bottom of the table to create a new row.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@4354

commit: dd6c027