Added speech bubble to citations in User Story Page

[biru-codeastromer]

Fixes #8

Summary:

• Implemented a speech bubble tail (caret) effect using CSS ::after pseudo-element.
• Positioned the caret below the speech bubble box, creating a more authentic speech bubble shape.
• Adjusted the bottom and border-width properties to achieve the desired effect.

Changes Made:

• CSS .speechBubble class**: Added position: relative; for proper placement of the caret.
• CSS .speechBubble::after pseudo-element**: Added a caret effect using borders to simulate the tail of the speech bubble.
• Adjusted bottom to position the caret slightly below the speech bubble.
• Set appropriate border-color to match the speech bubble’s background.

Issue Resolved:

• The issue where the speech bubble lacked a proper tail was fixed.

Result:

• The speech bubble now has a tail pointing downward, positioned just below the box for a complete speech bubble effect.

Before :

After :

Please review the changes and let me know if there are any questions or further adjustments needed.

[biru-codeastromer]

Hi Sir @krisstern ,
I hope you're doing well .
I wanted to ask you about a thing I notice in my PR .

There are 7 CI checks including deployment , but why are there been only 4 CI checks in this PR ; and also no deployment has been shown .

[krisstern]

Hi, you do not have the permissions to deploy your PR to the preview, not unless there is some input on the maintainers' (such as mine) side.

[biru-codeastromer]

Hi, you do not have the permissions to deploy your PR to the preview, not unless there is some input on the maintainers' (such as mine) side.

Hi Sir,

Thank you for clarifying! :)

[biru-codeastromer]

I have resolved conflicts here too !