feat: date nth setting

src/components/ErrorBoundary.jsx

@@ -23,7 +23,7 @@ export default class ErrorBoundary extends React.PureComponent {
           <p>Failed to load this component of Mue.</p>
           <button className='refresh' onClick={() => window.location.reload()}>Refresh</button>
         </div>
-      )
+      );
     }
 
     return this.props.children;

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

@@ -47,7 +47,7 @@ export default class AppearanceSettings extends React.PureComponent {
   componentDidUpdate() {
     localStorage.setItem('zoom', this.state.zoom);
     localStorage.setItem('toastDisplayTime', this.state.toast_duration);
-    localStorage.setItem('font', this.state.font);
+    localStorage.setItem('font', this.state.font.charAt(0).toUpperCase() + this.state.font.slice(1));
   }
 
   render() {

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

@@ -68,6 +68,7 @@ export default class TimeSettings extends React.PureComponent {
         <h3>{time.date.title}</h3>
         <Checkbox name='date' text={this.props.language.enabled} />
         <Checkbox name='dayofweek' text={time.date.day_of_week} />
+        <Checkbox name='datenth' text={time.date.datenth} />
         <Checkbox name='short' text={time.date.short_date} betaFeature={true} />
         <Dropdown label={time.date.short_format} name='dateFormat' id='dateformat' onChange={() => localStorage.setItem('dateFormat', document.getElementById('dateformat').value)}>
           <option className='choices' value='DMY'>DMY</option>

src/components/widgets/background/scss/index.scss

@@ -62,3 +62,4 @@
     transform: scale(1.1);
   }
 }
+

src/translations/en-GB.json

@@ -57,6 +57,7 @@
             "date": {
               "title": "Date",
               "day_of_week": "Day of week",
+              "datenth": "Date nth",
               "short_date": "Short Date",
               "short_format": "Short Format",
               "short_separator": {