Update system message card

[nichgalzin]

Expected Behavior

Currently when a new conversation is started as message from the system user is added to the conversation that says "This is the start of the conversation" instead it have the content and match the content of the Figma design

Acceptance Criteria

• Should update existing components, SystemMessageCard.tsx and other relevant components
• Currently the message is getting stored in the database and added as a system when a new conversation is created, this strategy should be assessed and possibly refactored. Ask in the Kyndly discord for input if necessary.
• Components should be self contained and have a corresponding storybook file. Story book files should be updated where required.
• Styling should match the designs in Figma and use the matching colour variables outline in the tailwind config file.
• Component should be responsive and should match layout designs for mobile and desktop (see Figma file)
  all messaging functionality and validation should continue to work
• Any e2e test that already exist should pass and new one should be added as necessary

Current Behavior

n/a

Any other notes

No response

Assignment

This issue is free for anyone to take