fix: solve small pm chat ui issues

unwrap the pill
fix the fetching images in pm not auto download

toju-app/src/app/shared-kernel/direct-message-contracts.ts

@@ -1,7 +1,9 @@
 import type { Reaction } from './message.models';
 
 export type DirectMessageStatus = 'QUEUED' | 'SENT' | 'DELIVERED' | 'ACKNOWLEDGED';
+export type DirectMessageKind = 'user' | 'system';
 export type DirectMessageMutationType = 'edit' | 'delete' | 'reaction-add' | 'reaction-remove';
+export type DirectMessageSystemEvent = 'call-started';
 
 export interface DirectMessageParticipant {
   userId: string;
@@ -24,6 +26,8 @@ export interface DirectMessage {
   content: string;
   timestamp: number;
   status: DirectMessageStatus;
+  kind?: DirectMessageKind;
+  systemEvent?: DirectMessageSystemEvent;
   editedAt?: number;
   isDeleted?: boolean;
   reactions?: Reaction[];

toju-app/src/app/shared-kernel/message.models.ts

@@ -17,6 +17,8 @@ export interface Message {
   senderName: string;
   content: string;
   timestamp: number;
+  kind?: 'user' | 'system';
+  systemEvent?: 'call-started';
   editedAt?: number;
   reactions: Reaction[];
   isDeleted: boolean;