Improve error handling during group sends

ts/components/DebugLogWindow.tsx

@@ -15,6 +15,7 @@ import type { ExecuteMenuRoleType } from './TitleBarContainer';
 import { ToastLoadingFullLogs } from './ToastLoadingFullLogs';
 import { openLinkInWebBrowser } from '../util/openLinkInWebBrowser';
 import { createSupportUrl } from '../util/createSupportUrl';
+import * as Errors from '../types/errors';
 import { useEscapeHandling } from '../hooks/useEscapeHandling';
 import { useTheme } from '../hooks/useTheme';
 
@@ -107,10 +108,7 @@ export function DebugLogWindow({
       const publishedLogURL = await uploadLogs(text);
       setPublicLogURL(publishedLogURL);
     } catch (error) {
-      log.error(
-        'DebugLogWindow error:',
-        error && error.stack ? error.stack : error
-      );
+      log.error('DebugLogWindow error:', Errors.toLogFormat(error));
       setLoadState(LoadState.Loaded);
       setToastType(ToastType.Error);
     }

ts/components/conversation/GIF.tsx

@@ -14,6 +14,7 @@ import {
   getImageDimensions,
   defaultBlurHash,
 } from '../../types/Attachment';
+import * as Errors from '../../types/errors';
 import * as log from '../../logging/log';
 
 const MAX_GIF_REPEAT = 4;
@@ -90,7 +91,7 @@ export function GIF(props: Props): JSX.Element {
       video.play().catch(error => {
         log.info(
           "Failed to match GIF playback to window's state",
-          (error && error.stack) || error
+          Errors.toLogFormat(error)
         );
       });
     } else {