add the modal to confirm pinning message

[Akshun-01]

Implement Confirmation before Pinning Message feature

Acceptance Criteria fulfillment

• Check for the state to trigger the modal
• Make the confirmation Modal
• Handle confirmation or canceling of the modal

Fixes #450

Video/Screenshots

confirmPinMessage.mp4

[Akshun-01]

Hey @abhinavkrin,
I wanted to add the current message instead of the quoted text.
Just like here to maintain consistency.

Do you know if there is any pre-existing component for it in the Modal?
Or should I make one myself?

Could you please review the changes and provide feedback.
Thanks! ^^

[Spiral-Memory]

You can use the code similar to this to achieve it with some tweaks:

 <MessageAvatarContainer
    message={message}
    sequential={false}
    isStarred={false}
/>
<MessageBodyContainer>
    {<MessageHeader message={message} isTimeStamped={false} />}
    <MessageBody>
        {message.attachments && message.attachments.length > 0 ? (
            message.file.name
        ) : (
            message.msg
        )}
    </MessageBody>
    <MessageMetrics
        message={message}
        isReplyButton={false}
    />
</MessageBodyContainer>

[Akshun-01]

I made the changes!
This is the current status, and I would love to hear about any feedback or changes required.

pinMsgConfirm.mp4

[Akshun-01]

These have conflicts in files, that I didn't change.
So I will open a new PR for this with the latest branch and these changes.

Closing this one!