Group tabs - select first tab after navigation

[bartbutenaers]

Description

When use group tabs, the first tab is correctly loaded at the start. However when you select another tab, navigate to another page and back to the original page, then no tab is selected anymore. And as a result the page only shows the tabs but the tab content area is empty.

This PR makes sure the first tabsheet is always selected, every time you navigate to the page with the tabs:

Related Issue(s)

1534

Checklist

• I have read the contribution guidelines
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
  • Upgrade instructions
  • Configuration details
  • Concepts
• Changes flowforge.yml?
  • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
  • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production

Labels

• Includes a DB migration? -> add the area:migration label

[Paul-Reed]

Could this be looked at again please, as it creates an annoying problem, particularly for phone/tablet users.
If I navigate to a tab to perhaps monitor energy usage, my phone screen blanks after 30 seconds, so I touch the screen to wake it up. PWA tells me that it's reconnecting, and then goes back to my first tab (as per this PR).
Then of course I have to navigate back to the energy tab to continue monitoring...
Why can't it load again on the same tab?

[bartbutenaers]

@Paul-Reed
Could you create a separate issue please?
Because otherwise it will be overlooked in the flood of other issues.
And can you there also explain "as per this PR". Do you mean that this PR caused that problem?

[Paul-Reed]

#1604 created.

Do you mean that this PR caused that problem?

I have been wrong before Bart 😏