feat: add reset button and correct date logic

mapper/src/App.js

@@ -231,7 +231,7 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
 	const chooseMidnight = () => {
 		setSubmenu(false);
 		setSlider([0, duration.num]);
-		setEnd(prevEnd => moment(prevEnd).startOf('day'));
+		setEnd(moment().startOf('day'));
 	};
 
 	const rangeStart = (x) => {
@@ -258,6 +258,10 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
 		setEnd(prevEnd => moment(prevEnd).subtract(...duration.delta));
 	}
 
+	const resetToDefaults = () => {
+		window.location.href = window.location.pathname;
+	};
+
 	const range = parseSlider(end, duration, slider);
 
 	const rangeTime = (x) => {
@@ -370,6 +374,7 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
 								<h2>Misc</h2>
 								<button onClick={() => setSubmenu(false)}>×</button>
 							</div>
+							<button onClick={resetToDefaults}>Reset to defaults</button>
 						</>
 					}
 				</div>
@@ -382,7 +387,7 @@ function Menu({duration, setDuration, end, setEnd, slider, setSlider, submenu, s
 					onClick={() => setSubmenu('end')}
 					className={submenu === 'end' ? 'active' : ''}
 				>
-					{moment(end).subtract(duration.delta[0], duration.delta[1]).format('dd MMM DD')}
+					{moment(end).subtract(duration.delta[0], duration.delta[1]).format('ddd MMM DD')}
 				</button>
 
 				<button