Fix react 18 warning and show appbar tab correctly

[Angatupyry]

What's new

• Fix react 18 warning. (React.render)
• Fix the correct functioning of the tabs

Before

• Appbar tab displays the wrong tab

• React 18 warning

After changes

• The appbar displays the selected tab correctly.

chrome-capture-2023-7-1.webm

• The warning no longer appears.
  

Self-checks

• I have prototyped this new feature (if necessary) on Figma
• I'm familiar with and follow this Typescript guideline
• I added unit-tests for new components
• I tried testing edge cases
• I tested the behavior of the components that interact with the backend, with an e2e test

Discussion

[codecov]

Codecov Report

Merging #732 (11bd572) into main (ac76ae9) will not change coverage.
The diff coverage is 0.00%.

@@           Coverage Diff           @@
##             main     #732   +/-   ##
=======================================
  Coverage   54.68%   54.68%           
=======================================
  Files         261      261           
  Lines        6472     6472           
  Branches      836      836           
=======================================
  Hits         3539     3539           
  Misses       2795     2795           
  Partials      138      138           

Flag	Coverage Δ
dashboard	18.59% <ø> (ø)
react-components	51.61% <0.00%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files Changed	Coverage Δ
packages/dashboard/src/components/appbar.tsx	32.03% <ø> (ø)
...act-components/lib/map/trajectory-time-control.tsx	29.16% <0.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[aaronchongth]

🤦 Sorry I didn't catch it in the migration review. Thanks for the fix!