Feat/chat UI improvements

[Mukhammadali]

Description

Provide a brief description of the changes made and the issue(s) this resolves.

Changes:

• Updated Menu component styles
• Added new Chat Menu with chat generation settings, model selection, rename, delete, duplicate functionalities
• Updated Model settings UI
• Updated Chat Header which now displays active model

Platform Affected

• iOS
• Android

Checklist

• Necessary comments have been made.
• I have tested this change on:
  • iOS Simulator/Device
  • Android Emulator/Device
• Unit tests and integration tests pass locally.

[a-ghorbani]

export * from './ChatGenerationSettingsSheet';

[a-ghorbani]

then in src/component/index.ts we need to add
export * from './ChatGenerationSettingsSheet'; after (export * from './Bubble';)

[a-ghorbani]

and header right can import like:
import {ChatGenerationSettingsSheet} from '..';

[Mukhammadali]

done

[a-ghorbani]

It looks like the submenu width is restricted by its parent menu? Is there an easy way to allow the submenu to be wider than the parent? The model names need more space, and we have extra space available to display them. It is a minor issue, it we don't have an easy fix, let's skip for now.

[a-ghorbani]

Alternatively, if we use a different visual cue (highlight, bold, etc) to show which model is selected, we can remove the leading space reserved for the icon in the model list. This would free up enough space as well.

[Mukhammadali]

done