fix(design): fix focus ordering within sidebar viewport

[xelaint]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Current focus order is: sidebar, nav, content

Fixes: #3314

What is the new behavior?

if side is left, focus order is nav, sidebar, content
if side is right, focus order is nav, content, sidebar

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information