Closes #4541 Update tutorials categories and add new videos

[remyperona]

Description

Update the tutorials categories, re-organize the videos and add the new ones about core web vitals

Fixes #4541

Type of change

• Enhancement (non-breaking change which improves an existing functionality)

Is the solution different from the one proposed during the grooming?

No

How Has This Been Tested?

• Checked the tutorials page after the changes

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• My changes generate no new warnings

[iCaspar]

From a code point of view this is all good. Just wondering about the abbreviations mentioned below.

[Mai-Saad]

@Tabrisrp Please find notes/Qs below while exploring the PR:

1. For Getting Started section, Can we adjust the cards so as not to have an empty card in between?
   

2. Is it intended that controls for new videos are different from the old ones? , (I think better all be the same if doable, will vote for old ones controls)
   old:
   
   new:
   

3. Can we guard against this console error, it happens once?
   

4. On trunk as well: is it intended that the closing icon be outside the video area?

5. As a future enhancement: background images of videos better be homogenous (now old ones with text then dotted line below, new ones with icon & text below)

6. Note: Before release, we need to ensure having the translation for new videos labels and new category titles

7. On trunk: Just confirming that the same video (en version) is displayed independently on WP language

[Agathemed]

Is it intended that controls for new videos are different from the old ones? , (I think better all be the same if doable, will vote for old ones controls)

It looks like Wistia is doing that automatically because of chapters in the video. There was no changes in the styles for controls.

As a future enhancement: background images of videos better be homogenous (now old ones with text then dotted line below, new ones with icon & text below)

This is not new vs old, it's just a different thumbnail for Core Web Vitals videos. We are taking advantage of the illustration to explain the metric.

[remyperona]

1: I pushed a CSS change for that
2, 3, 4, 5: that's all handled on Wistia side, not ours
6: Yes
7: Yes

[Mai-Saad]

Working as expected