Make it possible to define the theme base on the user's context in the Web UI

<script>
  const app = document.querySelector('nuxeo-app');
  function customThemeLogics() {
    const setTheme = (theme) => {
      if (localStorage.getItem('theme') !== theme) {
        localStorage.setItem('theme', theme);
        location.reload();
      }
    }
    const groups = app.currentUser.extendedGroups;
    if (groups.find((group) => group.name === 'administrators')) {
      setTheme('kawaii');
    } else {
      setTheme('default');
    }
  }
  if (app.currentUser) {
    customThemeLogics();
  }
  app.$.nxcon.addEventListener('user-changed', customThemeLogics);
</script>