Theme switcher: "system" theme

The event listener is defined inline in root.html.heex by default. This is to prevent wrongly styling content while js initializes async. Also the theme setup of daisy ui is about supporting arbitrary themes, not just darkmode/lightmode. You can customize how your themes behave in you app.css. All phoenix does is set a theme name.