feat: setting and timeline interface redesign to work with new notification feature

[vickywane]

This closes this

This PR contains work done on implementing the new notification for premium ambianic subscribers.
This PR is an active WIP and a follow-up to this PR

[commit-lint]

Update

• implemented new design for connected devices (a551566)
• made styling responsive to different resolutions (8640c30)
• updated files (821302d)

Contributors

vickywane

Commit-Lint commands

You can trigger Commit-Lint actions by commenting on this PR:

• @Commit-Lint merge patch will merge dependabot PR on "patch" versions (X.X.Y - Y change)
• @Commit-Lint merge minor will merge dependabot PR on "minor" versions (X.Y.Y - Y change)
• @Commit-Lint merge major will merge dependabot PR on "major" versions (Y.Y.Y - Y change)
• @Commit-Lint merge disable will desactivate merge dependabot PR
• @Commit-Lint review will approve dependabot PR
• @Commit-Lint stop review will stop approve dependabot PR

[ivelin]

@vickywane as discussed, please rename the title of this PR to something more adequate.

Also match the description to the new PR template.

And finally, please make sure the CI runs 100% on your fork including the new login and subscription UI tests. Include in the PR description instructions about CI environment variables that need to be added to the main CI in order for it to also pass 100% with all tests.

[vickywane]

@ivelin I would be suspending this PR till the notification feature has been released and is in active use. This PR contains UI updates within the Timeline and Settings component to work with the new edge-pwa authentication