feat: better digital clock settings and greeting now changes properly

src/components/modals/main/settings/sections/Appearance.jsx

@@ -9,7 +9,7 @@ import Text from '../Text';
 export default function AppearanceSettings() {
   const { appearance } = window.language.modals.main.settings.sections;
 
-  let themeOptions = [
+  const themeOptions = [
     {
       'name': 'Auto',
       'value': 'auto'
@@ -17,11 +17,12 @@ export default function AppearanceSettings() {
     {
       'name': 'Light',
       'value': 'light'
-    }, {
+    }, 
+    {
       'name': 'Dark',
       'value': 'dark'
     }
-  ]
+  ];
 
   return (
     <>

src/components/modals/main/settings/sections/Time.jsx

@@ -3,6 +3,7 @@ import React from 'react';
 import Checkbox from '../Checkbox';
 import Dropdown from '../Dropdown';
 import Switch from '../Switch';
+import Radio from '../Radio';
 
 export default class TimeSettings extends React.PureComponent {
   constructor(...args) {
@@ -19,12 +20,23 @@ export default class TimeSettings extends React.PureComponent {
 
     let timeSettings;
 
+    const digitalOptions = [
+      {
+        'name': '24 hour',
+        'value': 'twentyfourhour'
+      },
+      {
+        'name': '12 hour',
+        'value': 'twelvehour'
+      }
+    ];
+
     const digitalSettings = (
       <>
         <h3>{time.digital.title}</h3>
+        <Radio title='Format' name='timeformat' options={digitalOptions} />
+        <br/>
         <Checkbox name='seconds' text={time.digital.seconds} />
-        <Checkbox name='24hour' text={time.digital.twentyfourhour} />
-        <Checkbox name='ampm' text={time.digital.ampm} />
         <Checkbox name='zero' text={time.digital.zero} />
       </>
     );