ui: better sleep timer ui in player and fix auto turn on settings (#43)

* refactor: enhance sleep timer functionality and improve duration formatting

* refactor: update sleep timer settings handling

* refactor: update cancel icon for sleep timer button

* refactor: implement isBetween method for TimeOfDay and simplify sleep timer logic

* refactor: update alwaysAutoTurnOnTimer default value and improve icon usage in settings

* refactor: remove unused IconButton and update sleep timer preset durations

lib/shared/extensions/duration_format.dart

@@ -9,14 +9,27 @@ extension DurationFormat on Duration {
     final minutes = inMinutes.remainder(60);
     final seconds = inSeconds.remainder(60);
     if (hours > 0) {
-      return '${hours}h ${minutes}m';
+      // skip minutes if it's 0
+      if (minutes == 0) {
+        return smartSingleFormat;
+      }
+      return '${Duration(hours: hours).smartBinaryFormat} ${Duration(minutes: minutes).smartSingleFormat}';
     } else if (minutes > 0) {
-      return '${minutes}m ${seconds}s';
+      if (seconds == 0) {
+        return smartSingleFormat;
+      }
+      return '${Duration(minutes: minutes).smartSingleFormat} ${Duration(seconds: seconds).smartSingleFormat}';
     } else {
-      return '${seconds}s';
+      return smartSingleFormat;
     }
   }
 
+  /// formats the duration using only 1 unit
+  /// if the duration is more than 1 hour, it will return `10h`
+  /// if the duration is less than 1 hour, it will return `30m`
+  /// if the duration is less than 1 minute, it will return `20s`
+  ///
+  /// rest of the duration will be ignored
   String get smartSingleFormat {
     if (inHours > 0) {
       return '${inHours}h';

lib/shared/extensions/time_of_day.dart

@@ -2,7 +2,10 @@ import 'package:flutter/material.dart';
 
 extension ToTimeOfDay on Duration {
   TimeOfDay toTimeOfDay() {
-    return TimeOfDay(hour: inHours, minute: inMinutes % 60);
+    return TimeOfDay(
+      hour: inHours % 24,
+      minute: inMinutes % 60,
+    );
   }
 }
 
@@ -28,4 +31,16 @@ extension TimeOfDayExtension on TimeOfDay {
 
   bool isBefore(TimeOfDay other) => this < other;
   bool isAfter(TimeOfDay other) => this > other;
+
+  bool isBetween(TimeOfDay start, TimeOfDay end) {
+    // needs more logic to handle the case where start is after end
+    //but on the other day
+    if (start == end) {
+      return this == start;
+    }
+    if (start < end) {
+      return this >= start && this <= end;
+    }
+    return this >= start || this <= end;
+  }
 }