Issue 8532 replace text Truncator topics in TopicsMobileHeader.vue

[muditchoudhary]

Summary

Replace the Texttruncator with TextTruncatorCss.

Before	After

Update the title for testing with chrome dev tools through inspect element. Don't know in Before why title is overflowing though fixed after using TextTruncatorCss

References

#8532

Reviewer guidance

To review:

• Go to Learn --> Home --> Select Kolibri QA channel --> Videos --> Atomic Interactions in Chapters.
• Toggle the device to a mobile screen.
• The Atomic Interactions in Chapters is truncated.

---

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical user journeys are covered by Gherkin stories
• Critical and brittle code paths are covered by unit tests

PR process

• PR has the correct target branch and milestone
• PR has 'needs review' or 'work-in-progress' label
• If PR is ready for review, a reviewer has been added. (Don't use 'Assignees')
• If this is an important user-facing change, PR or related issue has a 'changelog' label
• If this includes an internal dependency change, a link to the diff is provided

Reviewer checklist

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

[github-actions]

Build Artifacts

Asset type	Download link
PEX file	kolibri-0.16.0b5.dev0_git.178.g432b943b.pex
Windows Installer (EXE)	kolibri-0.16.0b5.dev0+git.178.g432b943b-unsigned.exe
Debian Package	kolibri_0.16.0b5.dev0+git.178.g432b943b-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.16.0b5.dev0+git.178.g432b943b-0.3.0.dmg
Android Package (APK)	kolibri-0.16.0b5.dev0+git.178.g432b943b-0.1.0-debug.apk
TAR file	kolibri-0.16.0b5.dev0+git.178.g432b943b.tar.gz
WHL file	kolibri-0.16.0b5.dev0+git.178.g432b943b-py2.py3-none-any.whl

[MisRob]

Great PR description and guidance. And one extra bug fixed! Thank you, @muditchoudhary.

[MisRob]

Code changes looking good. Let's wait for QA before merging.

[MisRob]

Documentation check failure is a known issue and not related to this PR.

[pcenov]

Implemented as specified. Good to go!