Init CallLinkDetails view in calls tab

ts/components/conversation/TimelineMessage.tsx

@@ -32,13 +32,17 @@ import {
   useToggleReactionPicker,
 } from '../../hooks/useKeyboardShortcuts';
 import { PanelType } from '../../types/Panels';
-import type { DeleteMessagesPropsType } from '../../state/ducks/globalModals';
+import type {
+  DeleteMessagesPropsType,
+  ForwardMessagesPayload,
+} from '../../state/ducks/globalModals';
 import { useScrollerLock } from '../../hooks/useScrollLock';
 import {
   type ContextMenuTriggerType,
   MessageContextMenu,
   useHandleMessageContextMenu,
 } from './MessageContextMenu';
+import { ForwardMessagesModalType } from '../ForwardMessagesModal';
 
 export type PropsData = {
   canDownload: boolean;
@@ -55,7 +59,7 @@ export type PropsData = {
 export type PropsActions = {
   pushPanelForConversation: PushPanelForConversationActionType;
   toggleDeleteMessagesModal: (props: DeleteMessagesPropsType) => void;
-  toggleForwardMessagesModal: (messageIds: Array<string>) => void;
+  toggleForwardMessagesModal: (payload: ForwardMessagesPayload) => void;
   reactToMessage: (
     id: string,
     { emoji, remove }: { emoji: string; remove: boolean }
@@ -372,7 +376,13 @@ export function TimelineMessage(props: Props): JSX.Element {
         onCopy={canCopy ? () => copyMessageText(id) : undefined}
         onSelect={() => toggleSelectMessage(conversationId, id, false, true)}
         onForward={
-          canForward ? () => toggleForwardMessagesModal([id]) : undefined
+          canForward
+            ? () =>
+                toggleForwardMessagesModal({
+                  type: ForwardMessagesModalType.Forward,
+                  messageIds: [id],
+                })
+            : undefined
         }
         onDeleteMessage={() => {
           toggleDeleteMessagesModal({