ui misc cosmetic issues

[davixcky]

Features

• Reorganize home to have first search and then the selected routing key
• Center when no selected routing key
• Move debug button under hide settings
• Add predefined envs under settings

• refactor state
• add debug panel
• fix tracestate
• context storage and debug panel under settings
• Delete src/components/Devtools.tsx
• update to use new context
• calculate header and update browser state
• fix storage and context and make service worker aware
• move debug button under hide settings and re org frame init page
• use same spinner as web
• use right vars for api urls
• prettier
• add fixed values for api configuration
• Delete src/devtools.ts
• Delete src/devtools.tsx
• remove apiUrl calculation from params hooks

[foxish]

LGTM, please review my last 2 commits and then merge. It just changes the visual styles

[foxish]

Done with my changes, PTAL and merge if it looks ok @davixcky
I am planning a follow-up PR to add the org name instead of the large signadot logo - similar to our top-bar on the dashboard. I'll do that separately however.