Miscellaneous Fixes (#21033)

* catch failed image embedding in triggers

* move scrollbar to edge on platform aware dialog drawers

* add i18n key

* show negotiated mse codecs in console on error

* try changing rocm

* Improve toast consistency

* add attribute area and score to detail stream tooltip

---------

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

web/src/components/overlay/ExportDialog.tsx

@@ -97,7 +97,7 @@ export default function ExportDialog({
             position: "top-center",
             action: (
               <a href="/export" target="_blank" rel="noopener noreferrer">
-                <Button>View</Button>
+                <Button>{t("export.toast.view")}</Button>
               </a>
             ),
           });

web/src/components/overlay/MobileReviewSettingsDrawer.tsx

@@ -106,7 +106,9 @@ export default function MobileReviewSettingsDrawer({
               position: "top-center",
               action: (
                 <a href="/export" target="_blank" rel="noopener noreferrer">
-                  <Button>View</Button>
+                  <Button>
+                    {t("export.toast.view", { ns: "components/dialog" })}
+                  </Button>
                 </a>
               ),
             },

web/src/components/overlay/dialog/PlatformAwareDialog.tsx

@@ -44,8 +44,8 @@ export default function PlatformAwareDialog({
     return (
       <Drawer open={open} onOpenChange={onOpenChange}>
         <DrawerTrigger asChild>{trigger}</DrawerTrigger>
-        <DrawerContent className="max-h-[75dvh] overflow-hidden px-4">
-          {content}
+        <DrawerContent className="max-h-[75dvh] overflow-hidden">
+          <div className={contentClassName}>{content}</div>
         </DrawerContent>
       </Drawer>
     );