STCOR-883: fixed-length session timeout banner may scroll off-screen or otherwise be hidden

[aidynoJ]

Purpose:
STCOR-883 - fixed-length session timeout banner may scroll off-screen or otherwise be hidden.
Approach:
Place session timeout banner at the bottom of the page.

[github-actions]

Jest Unit Test Results

  1 files  ±0   56 suites  ±0   1m 0s ⏱️ ±0s
339 tests ±0  339 ✅ ±0  0 💤 ±0  0 ❌ ±0 
343 runs  ±0  343 ✅ ±0  0 💤 ±0  0 ❌ ±0 

Results for commit c44a934. ± Comparison against base commit 0cdfe80.

♻️ This comment has been updated with latest results.

[github-actions]

Bigtest Unit Test Results

192 tests  ±0   187 ✅ ±0   6s ⏱️ ±0s
  1 suites ±0     5 💤 ±0 
  1 files   ±0     0 ❌ ±0 

Results for commit c44a934. ± Comparison against base commit 0cdfe80.

This pull request removes 5 and adds 3 tests. Note that renamed tests count towards both.

      equal to check email label in english translation
      equal to check email precautions label in english translation
      equal to sent email precautions label in english translation
Chrome_129_0_0_0_(Linux_x86_64).Forgot username/password status test check email status page tests ‑ Forgot username/password status test check email status page tests should have the header with an appropriate text content
Chrome_129_0_0_0_(Linux_x86_64).Forgot username/password status test check email status page tests ‑ Forgot username/password status test check email status page tests should have the paragraph with an appropriate text content

Chrome_129_0_0_0_(Linux_x86_64).Forgot username/password status test check email status page tests ‑ Forgot username/password status test check email status page tests should have the header with an appropriate text content
      equal to check email label in english translation
Chrome_129_0_0_0_(Linux_x86_64).Forgot username/password status test check email status page tests ‑ Forgot username/password status test check email status page tests should have the paragraph with an appropriate text content
      equal to check email precautions label in english translation
Chrome_129_0_0_0_(Linux_x86_64).Forgot username/password status test check email status page tests ‑ Forgot username/password status test check email status page tests should have the paragraph with an appropriate text content
      equal to sent email precautions label in english translation

♻️ This comment has been updated with latest results.

[zburke]

Can we leverage OverlayContainer instead of creating our own?

Lint is cranky.

[aidynoJ]

Can we leverage OverlayContainer instead of creating our own?

Lint is cranky.

I have changed the approach a bit. Moved createPortal to the SessionContainer itself and teleport happens into the document.body, removed events-portal and related styles.
Lint is still cranky. I run yarn lint --fix before each commit. But it doesn't fix formatting that was automatically applied by the auto formatting on save in IDE (JB Webstorm), I'm looking into that.

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud