fix: welcome import, widget zoom

src/features/time/clock.scss

@@ -49,8 +49,9 @@
   }
 }
 
-.new-clock {
+.vertical-clock {
   line-height: 100%;
+  user-select: none;
 
   .seconds {
     font-size: 0.2em;

src/features/time/components/VerticalClock.jsx

@@ -3,7 +3,7 @@ function VerticalClock({ finalHour, finalMinute, finalSeconds }) {
   const minuteColour = localStorage.getItem('minuteColour') || '#ƒff';
 
   return (
-    <span className="new-clock clock-container">
+    <span className="vertical-clock clock-container">
       <div className="hour" style={{ color: hourColour }}>
         {finalHour}
       </div>

src/features/time/options/DateOptions.jsx

@@ -88,7 +88,7 @@ function DateOptions() {
         zoomSetting="zoomDate"
         visibilityToggle={true}
       />
-      <PreferencesWrapper setting="date" visibilityToggle={true} zoomSetting="zoomDate">
+      <PreferencesWrapper setting="date" visibilityToggle={true} category="date" zoomSetting="zoomDate">
         <Row>
           <Content
             title={variables.getMessage('modals.main.settings.sections.time.type')}

src/features/time/options/TimeOptions.jsx

@@ -210,7 +210,12 @@ const TimeOptions = () => {
         zoomSetting="zoomClock"
         visibilityToggle={true}
       />
-      <PreferencesWrapper setting="time" zoomSetting="zoomClock" visibilityToggle={true}>
+      <PreferencesWrapper
+        setting="time"
+        zoomSetting="zoomClock"
+        category="clock"
+        visibilityToggle={true}
+      >
         <WidgetType />
         {getTimeSettings()}
       </PreferencesWrapper>