No duration is shown in the sleeping graph

[Sputnikchen]

1.) No duration is shown in the sleeping graph. Only quality and wakeups 2.) Quality chart should be inverted. 'Very low' should be '0' and 'very good' should be '4'.

[BraidenPsiuk]

Hi, regarding your point number 1, it looks like you can hover over a period of sleep (light-purple color box), and the mouse tooltip will tell you the duration in hours. As for point 2 I agree! Would it just be as simple as flipping the quality id values around in src/modules/sleep/SleepTable.vue? I would imagine if these values are just used for rendering the graph it would be okay to make this change, but if they're used to store the sleep data then it could break things if you don't go back and correct all the stored data too. If it is just used to render the graph and if it's really this simple, I will submit a PR and just flip like so:

{ id: 0, label: t('health', 'Perfect', {}) }    -->   { id: 4, label: t('health', 'Perfect', {}) }
{ id: 1, label: t('health', 'Fine', {}) }       -->   { id: 3, label: t('health', 'Fine', {}) }
{ id: 2, label: t('health', 'Okay', {}) }       -->   { id: 2, label: t('health', 'Okay', {}) }
{ id: 3, label: t('health', 'Low', {}) }        -->   { id: 1, label: t('health', 'Low', {}) }
{ id: 4, label: t('health', 'Very low', {}) }   -->   { id: 0, label: t('health', 'Very low', {}) }

Just hoping someone can confirm this is okay before I submit it.