chore(shared): Changes kiosk/expand/flags/header

- Revamped the flags ui to be consistent with the rest
- The expand setting is on by default now. Tweaks to its dialog and
  header
- Added a new kiosk mode that will use the entire screen for the
  workbench
- Got rid of the auto-hiding behaviour of the header which gets annoying
  quick

sites/shared/components/workbench/menus/ui-settings/config.mjs

@@ -1,4 +1,4 @@
-import { RocketIcon, ControlIcon } from 'shared/components/icons.mjs'
+import { RocketIcon, ControlIcon, KioskIcon } from 'shared/components/icons.mjs'
 
 export const loadSettingsConfig = () => {
   const uiSettings = {
@@ -9,12 +9,26 @@ export const loadSettingsConfig = () => {
       choiceTitles: {},
       icon: ControlIcon,
     },
+    kiosk: {
+      control: 4, // Show when control > 3
+      list: [0, 1],
+      choiceTitles: {
+        0: 'ui-settings:websiteMode',
+        1: 'ui-settings:kioskMode',
+      },
+      //valueTitles: {
+      //  react: 'ui-settings:regular',
+      //  svg: 'ui-settings:kiosk',
+      //},
+      dflt: 0,
+      icon: KioskIcon,
+    },
     renderer: {
       control: 4, // Show when control > 3
       list: ['react', 'svg'],
       choiceTitles: {
-        react: 'renderWithReact',
-        svg: 'renderWithCore',
+        react: 'ui-settings:renderWithReact',
+        svg: 'ui-settings:renderWithCore',
       },
       valueTitles: {
         react: 'React',