fix(files): Add smooth animation via clicking on heading

[JuliaKirschenheuter]

📝 Summary

• Resolves: Table of contents: Maybe have an animation for scrolling to the heading once clicked #6974

🏁 Checklist

• Code is properly formatted (npm run lint / npm run stylelint / composer run cs:check)
• Sign-off message is added to all commits
• Tests (unit, integration and/or end-to-end) passing and the changes are covered with tests
• Documentation (README or documentation) has been updated or is not required

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 6 lines in your changes missing coverage. Please review.

Project coverage is 58.97%. Comparing base (865a88f) to head (f754128).
Report is 177 commits behind head on main.

Files with missing lines	Patch %	Lines
src/components/Editor/TableOfContents.vue	0.00%	3 Missing ⚠️
src/plugins/headingAnchor.js	0.00%	3 Missing ⚠️

Additional details and impacted files

@@ Coverage Diff @@## main #7197 +/- ##
==========================================
+ Coverage 51.85% 58.97% +7.12% 
==========================================
Files 479 482 +3 Lines 41580 37117 -4463 Branches 1002 1048 +46 ==========================================
+ Hits 21561 21891 +330 + Misses 19914 15124 -4790 + Partials 105 102 -3 

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[max-nextcloud]

Tested locally and works for me. Code changes also seem fine.

[mejo-]

Mhh, interesting. For me, this PR breaks anchor links. Whenever I click on the # next to a heading, it scrolls back to the beginning of the document.

[mejo-]

Mhh, interesting. For me, this PR breaks anchor links. Whenever I click on the # next to a heading, it scrolls back to the beginning of the document.

It doesn't scroll back to the top of the document, but scrolls the clicked heading into the middle of the screen if possible. I guess that's a bit counter-intuitive and I would expect the heading to scrolled to the top of the editor container.

[JuliaKirschenheuter]

@mejo- Hi Jonas,

could you please look into this again? Thank you!

[mejo-]

/backport to stable31

[mejo-]

/backport to stable30

[mejo-]

Prettier complains about prosemirror.css. Once this got resolved, it's ready to merge 😊

[mejo-]

The failing assistant cypress test seems unrelated. It also fails on other PRs.