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/components/overlay/detail/SearchDetailDialog.tsx

@@ -1296,7 +1296,11 @@ function ObjectDetailsTab({
                       {t("details.label")}
                     </div>
                     <div className="flex flex-row items-center gap-2 text-sm smart-capitalize">
-                      {getIconForLabel(search.label, "size-4 text-primary")}
+                      {getIconForLabel(
+                        search.label,
+                        search.data.type,
+                        "size-4 text-primary",
+                      )}
                       {getTranslatedLabel(search.label, search.data.type)}
                       {search.sub_label && ` (${search.sub_label})`}
                       {isAdmin && search.end_time && (

web/src/components/overlay/detail/TrackingDetails.tsx

@@ -665,6 +665,7 @@ export function TrackingDetails({
                 >
                   {getIconForLabel(
                     event.sub_label ? event.label + "-verified" : event.label,
+                    event.data.type,
                     "size-4 text-white",
                   )}
                 </div>