Miscellaneous fixes (#23648)

* sort preview cameras in history by ui order

* sort cameras by UI order in various components for consistent display

* add no recordings faq

* fix link

* recording cache faq

* add link

* improve anchor naming in object detector docs

rather than #configuration-1, #configuration-2, etc

* use yaml instead of json for object detector docs

* fix anchor

web/src/pages/Events.tsx

@@ -75,11 +75,13 @@ export default function Events() {
       return [] as string[];
     }
 
-    return Object.keys(config.cameras).filter(
-      (cam) =>
-        allowedCameras.includes(cam) &&
-        config.cameras[cam]?.ui?.review !== false,
-    );
+    return Object.values(config.cameras)
+      .filter(
+        (conf) =>
+          allowedCameras.includes(conf.name) && conf.ui?.review !== false,
+      )
+      .sort((aConf, bConf) => aConf.ui.order - bConf.ui.order)
+      .map((conf) => conf.name);
   }, [allowedCameras, config?.cameras]);
 
   const selectedMotionSearchCamera = useMemo(() => {

web/src/pages/MotionSearch.tsx

@@ -30,9 +30,9 @@ export default function MotionSearch() {
 
   const cameras = useMemo(() => {
     if (!config?.cameras) return [];
-    return Object.keys(config.cameras).filter((cam) =>
-      allowedCameras.includes(cam),
-    );
+    return Object.keys(config.cameras)
+      .filter((cam) => allowedCameras.includes(cam))
+      .sort((a, b) => config.cameras[a].ui.order - config.cameras[b].ui.order);
   }, [config?.cameras, allowedCameras]);
 
   // Selected camera state