fix repositioning

Author: oshaikh13

src/components/LeftPane.jsx

@@ -135,14 +135,7 @@ const LeftPane = ({ selectedHour, onTimeChange, activity }) => {
         textAlign: 'center'
       }}
     >
-      {/* TIMER SELECTOR SECTION */}
-      <div style={{ width: '200px', margin: '0 auto' }}>
-        <div style={{ display: 'flex', alignItems: 'center', gap: '20px' }}>
-          <span style={{ fontSize: '14px' }}>Start</span>
-          <FancySlider min={9} max={21} step={1} value={selectedHour} onChange={onTimeChange} />
-          <span style={{ fontSize: '14px' }}>End</span>
-        </div>
-      </div>
+
       {/* ACTIVITY SHOWCASE SECTION */}
       <div>
         <div
@@ -163,6 +156,14 @@ const LeftPane = ({ selectedHour, onTimeChange, activity }) => {
           The user is <b>{activity.charAt(0).toLowerCase() + activity.slice(1)}</b>
         </p>
       </div>
+      {/* TIMER SELECTOR SECTION */}
+      <div style={{ width: '200px', margin: '0 auto' }}>
+        <div style={{ display: 'flex', alignItems: 'center', gap: '20px' }}>
+          <span style={{ fontSize: '14px' }}>Start</span>
+          <FancySlider min={9} max={21} step={1} value={selectedHour} onChange={onTimeChange} />
+          <span style={{ fontSize: '14px' }}>End</span>
+        </div>
+      </div>
 
     </div>
   );