Fix chatbot UI autoscrolling and insert position for bot message feedback

[TamiTakamiya]

Jira Issue: https://issues.redhat.com/browse/AAP-35711
This also will fix the issue reported by ansible/ansible-lightspeed-va-feedback#15

Description

On the existing implementaiton, when a new bot message is received, chatbot window scrolls to the bottom of the message. It is changed to scroll to the top of the last message instead.

Also when a ThumbsUp/Down icon is clicked for a bot message, which is NOT the last one, the feedback message is added to the bottom and chatbot window scrolls to the bottom (it is the issue reported by ansible/ansible-lightspeed-va-feedback#15). With this PR, the feedback message will be added right after the bot message, to which the feedback was sent, and chatbot window scrolls to the top of the feedback message.

Testing

Steps to test

1. Pull down the PR
2. Run the chatbot
3. Send more than one queries
4. Click ThubsUp/Down icon for a bot message, which is NOT the last one, and see the window scrolls to the feedback message ("Thank you for your feedback...")

Scenarios tested

Manually tested as described above. See the video attached below.

Screenshare.-.2025-01-03.11_00_24.AM.mp4

Production deployment

• This code change is ready for production on its own
• This code change requires the following considerations before going to production:

[manstis]

Minor comment.

Untried or tested but changes seem reasonable to me.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[manstis]

LGTM 👍