Concept page template and Cypress tests

[osma]

Reasons for creating this PR

Reimplement the concept page template so it follows the new Skosmos 3 design.
Also add Cypress tests verifying the existing functionality.

This implements just the basic functionality. Many features and special cases are not implemented yet; see checklist in #1484 (comment)

Link to relevant issue(s), if any

• Implements first parts of Epic: Concept Page #1484

Description of the changes in this PR

• refactor Vocabulary.getConceptInfo() so it returns a single concept (instead of an array of size 1)
• rewrite the concept page template based on the static example (but adapting it heavily to use Bootstrap Grid instead of a HTML table)
• add some Cypress tests for the concept page / template

Known problems or uncertainties in this PR

n/a

Checklist

• phpUnit tests pass locally with my changes
• I have added tests that show that the new code works, or tests are not relevant for this PR (e.g. only HTML/CSS changes)
• The PR doesn't reduce accessibility of the front-end code (e.g. tab focus, scaling to different resolutions, use of .sr-only class, color contrast)
• The PR doesn't introduce unintended code changes (e.g. empty lines or useless reindentation)

[codecov]

Codecov Report

Attention: 2 lines in your changes are missing coverage. Please review.

Comparison is base (b4e41b4) 70.51% compared to head (cff4180) 70.53%.
Report is 2 commits behind head on skosmos-3.

Files	Patch %	Lines
src/controller/RestController.php	0.00%	2 Missing ⚠️

Additional details and impacted files

@@               Coverage Diff               @@
##             skosmos-3    #1549      +/-   ##
===============================================
+ Coverage        70.51%   70.53%   +0.01%     
  Complexity        1643     1643              
===============================================
  Files               32       32              
  Lines             4314     4313       -1     
===============================================
  Hits              3042     3042              
+ Misses            1272     1271       -1     

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

[kinow]

👏 🥇

[osma]

I see that there's a little regression on the vocabulary home page, for example some background colors have changed. This is most likely due to shared CSS rules. I will try to fix that before merging.

[joelit]

I made a couple of suggestions for this PR. I also wrote further requirements for concept pages in the comments for the associated issue #1484 that would be out of scope for this PR.

his is a solid start! Thanks especially for dismantling some of the old Skosmos 2.x template logic that is no longer in use. The cypress tests are also a sight worth seeing. Two michelin stars!

[osma]

Still TODO:

• fix headline styling regressions on feedback and about pages
• fix background color regressions on vocab-home page

[joelit]

LGTM!

[osma]

Hmm, something broke in the Cypress tests, need to fix that as well before merging

[joelit]

There seems to be problems with two cypress tests that should be fixed

[sonarqubecloud]

SonarCloud Quality Gate failed.   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
9 Code Smells

No Coverage information
26.5% Duplication

Catch issues before they fail your Quality Gate with our IDE extension SonarLint