refactor(kaios): rename volume property and functions

Author: Garrett Downs

src/components/AppMenu.tsx

@@ -406,9 +406,9 @@ export function AppMenu(props: AppMenuProps): h.JSX.Element {
             />
             <ControllerOption
               label="Volume"
-              leftAction={() => KaiOS.system.volumeDown()}
-              rightAction={() => KaiOS.system.volumeUp()}
-              centerAction={() => KaiOS.system.volumeShow()}
+              leftAction={() => KaiOS.volume.down()}
+              rightAction={() => KaiOS.volume.up()}
+              centerAction={() => KaiOS.volume.show()}
               selectable={{
                 priority: SelectablePriority.Medium,
                 id: 'volume',

src/components/FoxcastsAppMenu.tsx

@@ -402,9 +402,9 @@ export function FoxcastsAppMenu(props: FoxcastsAppMenuProps): h.JSX.Element {
           />
           <ControllerOption
             label="Volume"
-            leftAction={() => KaiOS.system.volumeDown()}
-            rightAction={() => KaiOS.system.volumeUp()}
-            centerAction={() => KaiOS.system.volumeShow()}
+            leftAction={() => KaiOS.volume.down()}
+            rightAction={() => KaiOS.volume.up()}
+            centerAction={() => KaiOS.volume.show()}
             selectable={{
               priority: SelectablePriority.Medium,
               id: 'volume',

src/routes/Player.tsx

@@ -137,8 +137,8 @@ export default function Player({ tabId }: Props): VNode {
 
   useNavKeys(
     {
-      ArrowUp: () => KaiOS.system.volumeUp(),
-      ArrowDown: () => KaiOS.system.volumeDown(),
+      ArrowUp: () => KaiOS.volume.up(),
+      ArrowDown: () => KaiOS.volume.down(),
     },
     { disabled: tabId !== 'player' || view.appbarOpen || view.homeMenuOpen }
   );

src/services/kaios.ts

@@ -106,10 +106,10 @@ export class KaiOS {
       this.navigator.getDeviceStorage(storageName)?.storageName,
   };
 
-  static system = {
-    volumeUp: () => this.navigator.volumeManager.requestUp(),
-    volumeDown: () => this.navigator.volumeManager.requestDown(),
-    volumeShow: () => this.navigator.volumeManager.requestShow(),
+  static volume = {
+    up: () => this.navigator.volumeManager.requestUp(),
+    down: () => this.navigator.volumeManager.requestDown(),
+    show: () => this.navigator.volumeManager.requestShow(),
   };
 
   static battery = this.navigator.battery || {