feat: Create new team

[ksushant6566]

What does this PR do?

• Allow users to delete their only team
• Redirect user to /create-first-team if they have no team

Fixes #1816

Loom Video: https://www.loom.com/share/843147c04785426eb667b5a2c664bc00?sid=e1a9b526-fa43-4536-b446-4c6d10bd9784

How should this be tested?

• Login
• Delete all teams (You should be able to delete the last team )
• You should get redirected to create-first-team
• Create a team
• You should get redirected to environments/environmentId/surveys

Checklist

Required

• Filled out the "How to test" section in this PR
• Read How we Code at Formbricks
• Self-reviewed my own code
• Commented on my code in hard-to-understand bits
• Ran pnpm build
• Checked for warnings, there are none
• Removed all console.logs
• Merged the latest changes from main onto my branch with git pull origin main
• My changes don't cause any responsiveness issues
• First PR at Formbricks? Please sign the CLA! Without it we wont be able to merge it 🙏

Appreciated

• If a UI change was made: Added a screen recording or screenshots to this PR
• Updated the Formbricks Docs if changes were necessary

[vercel]

@ksushant6566 is attempting to deploy a commit to the formbricks Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for following the naming conventions for pull request titles! 🙏

[mattinannt]

@ksushant6566 thank you very much for taking up this feature! 💪 Works great! 🚀🔥
There is only one issue I've noticed:

• The /create-first-team is also accessible for users who are not signed in. Please add a session check to the page. You can see the onboarding page for reference.
  Also for this it would be great if the page.tsx would be a server component (instead of a client component) and rather render a client-only child component.

Can you please make the changes for this? 🤗
After this we are ready to merge the feature 💪

[ksushant6566]

Sure, i'll make these changes :)

[ksushant6566]

Hey @mattinannt , just pushed the requested changes:

• /create-first-team is now only accessible to logged in users
• page.tsx is now a server component, which renders a client-only component

Also I noticed an issue in the delete-team dialog
On "Enter" key down the page is refreshed without actually doing anything (this is because the primary button is outside the form).

loom: https://www.loom.com/share/e6f8412761eb41c2a81bd9831a208ab1?sid=0ee2d535-bca4-4d26-9ab5-1daabb6030d5

FIX:
For now I have added a preventDefault to disable page-refresh on "Enter" key down.

<form onSubmit={(e) => e.preventDefault()}>
  <label htmlFor="deleteTeamConfirmation">
    Please enter <b>{teamData?.name}</b> in the following field to confirm the definitive deletion of
    this team:
  </label>
  <Input
    value={inputValue}
    onChange={handleInputChange}
    placeholder={teamData?.name}
    className="mt-5"
    type="text"
    id="deleteTeamConfirmation"
    name="deleteTeamConfirmation"
  />
</form>

[mattinannt]

@ksushant6566 thanks a lot for the changes 💪 Looks great now! Ready to merge this 😊🔥

[ksushant6566]

Happy to help :)