Front End: Resolve hydration error found in Conversation Header

[ezawadski]

Hydration Error caused by client side and server side content rendering not aligning because the client side content depends on data coming from the API and therefore not available during server side rendering. Using useEffect hook to resolve this.

AI Description

This pull request introduces changes to the Header.tsx component in the src/interfaces/assistants_web/src/components/Conversation directory. The modifications primarily focus on enhancing the rendering of the header section, ensuring a more dynamic and responsive user interface.

Changes:

• The useEffect hook is added to resolve a hydration error related to server-side and client-side content alignment.
• A new useState hook is introduced, initializing a state variable init to false.
• The rendering of the header section is now conditional, depending on the value of init.
• The header section displays the agent's name or the Cohere AI logo, along with a label indicating whether the agent is private or public.
• The share button and kebab menu button are now wrapped in a section element.

[EugeneLightsOn]

Looks good to me