Miscellaneous Fixes (0.17 beta) (#21575)

* icon improvements

add type to getIconForLabel
provide default icon for audio events

* Add preferred language to review docs

* prevent react Suspense crash during auth redirect

add redirect-check guards to stop rendering lazy routes while navigation is pending (fixes some users seeing React error #426 when auth expires)

* Uppsercase model name

---------

Co-authored-by: Nicolas Mowen <nickmowen213@gmail.com>

web/src/views/settings/ObjectSettingsView.tsx

@@ -406,7 +406,7 @@ function ObjectList({ cameraConfig, objects }: ObjectListProps) {
                         : getColorForObjectName(obj.label),
                     }}
                   >
-                    {getIconForLabel(obj.label, "size-5 text-white")}
+                    {getIconForLabel(obj.label, "object", "size-5 text-white")}
                   </div>
                   <div className="ml-3 text-lg">
                     {getTranslatedLabel(obj.label)}
@@ -494,7 +494,7 @@ function AudioList({ cameraConfig, audioDetections }: AudioListProps) {
             <div className="flex flex-row items-center gap-3 pb-1">
               <div className="flex flex-1 flex-row items-center justify-start p-3 pl-1">
                 <div className="rounded-lg bg-selected p-2">
-                  {getIconForLabel(key, "size-5 text-white")}
+                  {getIconForLabel(key, "audio", "size-5 text-white")}
                 </div>
                 <div className="ml-3 text-lg">{getTranslatedLabel(key)}</div>
               </div>