fix(curriculum): add confidential and top secret user stories and tests (freeCodeCamp#59673)

Co-authored-by: Dario-DC <105294544+Dario-DC@users.noreply.github.com>

Author: Supravisor

curriculum/challenges/english/25-front-end-development/lab-confidential-email-page/66bba6fff611169359d9d36a.md

@@ -18,6 +18,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. You should have two `div` elements, one with an id of `confidential` and the other with an id of `top-secret`, within your `#email` element.
 1. Your `#confidential` and `#top-secret` elements should have a `display` of `inline-block`.
 1. Your `#confidential` and `#top-secret` elements should have a `padding`, a left margin, and a `border`.
+1. The `#confidential` element should have the text `CONFIDENTIAL`.
+1. The `#top-secret` element should have the text `TOP SECRET`.
 1. Your `#confidential` and `#top-secret` elements should be rotated using a CSS transform.
 1. You should have at least three paragraph elements within your `#email` element.
 1. You should have at least three `span` elements with a class of `blurred`, within your paragraph elements.
@@ -129,6 +131,18 @@ Your `#top-secret` element should have a `border`.
 assert.notEqual(window.getComputedStyle(document.querySelector('#top-secret'))?.borderWidth, '0px');
 ```
 
+Your `#confidential` element's text should be `CONFIDENTIAL`. You have either omitted the text, or have a typo.
+
+```js
+assert.equal(document.querySelector('#confidential').innerText.toLowerCase(), 'confidential' );
+```
+
+Your `#top-secret` element's text should be `TOP SECRET`. You have either omitted the text, or have a typo.
+
+```js
+assert.equal(document.querySelector('#top-secret').innerText.toLowerCase(), 'top secret' );
+```
+
 Your `#confidential` element should use a CSS `transform` to rotate the element.
 
 ```js