feature(web): New Convo Nextjs Design

[McPizza0]

PLEASE ENSURE YOU TEST THE EXISTING NUXT VERSION TO UNDERSTAND THE DROPDOWN FLOW

We need to update the "new convo" page
We should put the new convo into a new ShadCN Drawer component that lives in the bottom right hand corner of the window (floating above all other page content)
On mobile, this should use the same drawer component but from the bottom

IF a user has inputted data into the new convo component, but clicks outside or closes it. the data should remain intact

when the user creates the new convo, they should be navigated to that new convo page

this issue will also require creating a new searchable dropdown component.
this will show the teams, org_members and contacts for the org
and provide searchability

Designs to implement (subject to slight change)

[Aashish-Upadhyay-101]

I would like to work on this. 🚀

[McPizza0]

sure!

we dont assign issues till there is a draft pr with progress attached.

please reach out with any questions

[Aashish-Upadhyay-101]

@McPizza0
I think Shadcn sheet component will also look good here.

[McPizza0]

@McPizza0 I think Shadcn sheet component will also look good here.

yes, so long as it dosnt interfere with the rest of the screen, and reuses the same design as the drawer component

users should be able to have the new convo open, and still navigate around the app to copy text etc.