hotfix: chat message item alignment bug

[mqnguyen5]

Related issue

Fixes #issue-number

Type of Change

• [ ] Feat: Change which adds functionality/new feature
• [x] Fix: Change which fixes an issue
• [ ] Refactor: Change which improves the structure of the code
• [ ] Docs: Change which improves documentation

Description

Inside Chat page, the message item doesn't align properly. This might be the result of the TailwindCSS class place-self-start being incompatible on Safari:

• Changed place-self-start Tailwind class to self-start

Result:

Testing

Has this pull request been tested?

• Yes

Please describe shortly how you tested it:

1. Log in to Seeksi using any of the existing user account (I'm using Charlie's account for this PR)
2. Navigate to "Chat" page
3. Click on any chat partner to open the chat window
4. See the message bubble being displayed/rendered onto the screen

Note

The title of your PR should follow this format: [Type](area): Title

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/tuanthanh2067/seeksi/2rVFvH3YzMoquwzsMbZxdahRoaGX
✅ Preview: https://seeksi-git-hotfix-chat-message-item-alignment-bug-tuanthanh2067.vercel.app