Message specific header for mobile view

[nichgalzin]

Expected Behavior

In the current conversation view when on a mobile screen the header should have messaging specific content including the back button and the meatball menu.

This issue relates to #431

Scope:

• This issue can ignore styling and logical implementation of the tasks related to Meatball menu for converstaion view controls #431

Acceptance Criteria

- In mobile screen sizes when a conversation is open the correct header should be displayed.
- Where possible existing components should be used / or refactored.
- 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

Assignment

This issue is free for anyone to take