Refactor alert/hazard system with timing and display improvements

- Replace magic numbers with seconds-based timing constants
- Switch from scrollTo() to hardware-accelerated transform
- Add scroll caching to prevent repeated DOM queries every scroll cycle
- Switch to safeJson() for centralized error handling across alert modules
- Horizontal alert scroll now goes edge-to-edge
- Integrate global speed settings into horizontal scroll timing
- Improve error handling flow with better fallback behavior for missing data
- Remvoe unused getCurrentData() function in hazards.mjs
- Move background color from scrolling element to container to avoid
    showing the underlying content when scrolling with trasnform

server/styles/scss/_hazards.scss

@@ -1,17 +1,16 @@
-@use 'shared/_colors'as c;
-@use 'shared/_utils'as u;
+@use 'shared/_colors' as c;
+@use 'shared/_utils' as u;
 
 .weather-display .main.hazards {
 	&.main {
 		overflow-y: hidden;
 		height: 480px;
+		background-color: rgb(112, 35, 35);
 
 		.hazard-lines {
 			min-height: 400px;
 			padding-top: 10px;
 
-			background-color: rgb(112, 35, 35);
-
 			.hazard {
 				font-family: 'Star4000';
 				font-size: 24pt;
@@ -26,4 +25,4 @@
 			}
 		}
 	}
-}
+}