Settings rework (#11613)

* refactor settings to be consistent with other page structure

* Implement non auto live

* Adjust missing view

* Quick fix

* Clarify settings options

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>

* Update naming and config restarts

* Rename

---------

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>

web/src/views/live/LiveDashboardView.tsx

@@ -50,6 +50,7 @@ export default function LiveDashboardView({
   const containerRef = useRef<HTMLDivElement>(null);
 
   // recent events
+
   const { payload: eventUpdate } = useFrigateReviews();
   const { data: allEvents, mutate: updateEvents } = useSWR<ReviewSegment[]>([
     "review",
@@ -92,6 +93,7 @@ export default function LiveDashboardView({
 
   // camera live views
 
+  const [autoLiveView] = usePersistence("autoLiveView", true);
   const [windowVisible, setWindowVisible] = useState(true);
   const visibilityListener = useCallback(() => {
     setWindowVisible(document.visibilityState == "visible");
@@ -261,6 +263,7 @@ export default function LiveDashboardView({
                 }
                 cameraConfig={camera}
                 preferredLiveMode={isSafari ? "webrtc" : "mse"}
+                autoLive={autoLiveView}
                 onClick={() => onSelectCamera(camera.name)}
               />
             );