feat: add round anologue clock option

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

@@ -93,6 +93,11 @@ export default class TimeSettings extends PureComponent {
           text={variables.getMessage('modals.main.settings.sections.time.analogue.minute_marks')}
           category="clock"
         />
+        <Checkbox
+          name="roundClock"
+          text={variables.getMessage('modals.main.settings.sections.time.analogue.round_clock')}
+          category="clock"
+        />
       </SettingsItem>
     );
 

src/components/widgets/time/Clock.jsx

@@ -160,7 +160,7 @@ export default class Clock extends PureComponent {
     if (localStorage.getItem('timeType') === 'analogue') {
       return (
         <Suspense fallback={<></>}>
-          <div className="clockBackground">
+          <div className={`clockBackground ${enabled('roundClock') ? 'round' : ''}`}>
             <Analog
               className="analogclock clock-container"
               value={this.state.time}

src/components/widgets/time/clock.scss

@@ -39,6 +39,10 @@
 .clockBackground {
   @extend %basic;
   padding: 1rem;
+
+  &.round {
+    border-radius: 100% !important;
+  }
 }
 
 .new-clock {