[web] Fulltext search: highlight keywords in search result page

[exalate-issue-sync]

Description

User Stories

• As a user searching within file-content, I want to identify the right result on the search result page at first glance so that I don't have to open each result to finde the right one.

Value

Acceptance Criteria

• show occurences of the matching keyword in line next to the parent folder (c.f. scribble) within the "Name" Column in the filelist (see scribble)
• the matching keyword is visually highlighted
• Context: matching keyword is surrounded by the 2 previous an 2 following words if they exists (ex. search for "super" -> ...is a *super* cool person...)
• Show max. 5 occurences per resource
• If the name colum is to narrow to show all 5 occurences, clip / don't show overlaping occurences

Definition of ready

[ ] everybody needs to understand the value written in the user story
[ ] acceptance criteria has to be defined
[ ] all dependencies of the user story need to be identified
[ ] feature should be seen from an end user perspective
[ ] user story has to be estimated
[ ] story points need to be less then 20

Definition of done

• Functional requirements
  [ ] functionality described in the user story works
  [ ] acceptance criteria are fulfilled
• Quality
  [ ] code review happened
  [ ] CI is green
  [ ] critical code received unit tests by the developer
  [ ] automated tests passed (if automated tests are not available, this test needs to be created and passed
• Non-functional requirements
  [ ] no sonar cloud issues