Make settings pages use components

[eLtMosen]

Goal is to make the use of font and icon size and row heigts consistent over all settings pages. As well as to add a HighlightBar for visual feedback and make all rows clickable like in the settings main list.

• Remove PageHeader from Units, Display and Nighstand page
• Refactor all display, sound and nightstand value selectors into IntSelector
• Refactor nightstand page action button to LabeledActionButton
• Refactor all possible instances of switches into LabeledSwitch in Units, Display, Nighstand and Sound page.
• Remove margins from flickables so components can use the full screen width for the HighlightBar
• Set rowHeight of Dims.h(25) for all clickable rows
• Move ListItem component to qml-asteroid for consitency

Depends on https://github.com/AsteroidOS/qml-asteroid/pull/37 to add and modify the components.

Signed-off-by: Timo Könnecke koennecke@mosushi.de

https://user-images.githubusercontent.com/15074193/235539398-265ebac0-2334-4b65-b0b3-58578a6af154.mp4

[eLtMosen]

The first time I watched this video I sort of missed the PageHeaders but I think I can get used to it. Fair enough.

@dodoradio made a good point about the pageheaders having had orientation/navigation purpose which i did not really see while deciding to remove them completely. I am reconsidering if what i originally wanted -> remove clutter from overlapping headers and the style inconsistency with the SmallCaps case, can be solved without removing them completely.