Format copied errors with ``` for discord/github

Author: nab138

src/ErrorContext.tsx

@@ -57,7 +57,9 @@ export const ErrorProvider: React.FC<{ children: React.ReactNode }> = ({
             <button
               onClick={() => {
                 navigator.clipboard.writeText(
-                  error?.replace(/^\n+/, "") ?? t("common.no_error"),
+                  "```\n" +
+                    (error?.replace(/^\n+/, "") ?? t("common.no_error")) +
+                    "\n```",
                 );
                 toast.success(t("common.copied_success"));
               }}

src/components/OperationView.tsx

@@ -24,7 +24,7 @@ export default ({
   const done =
     (opFailed &&
       operationState.started.length ==
-      operationState.completed.length + operationState.failed.length) ||
+        operationState.completed.length + operationState.failed.length) ||
     operationState.completed.length == operation.steps.length;
 
   const [moreDetailsOpen, setMoreDetailsOpen] = useState(false);
@@ -115,7 +115,9 @@ export default ({
         </div>
       </div>
       {done && !opFailed && operation.successMessageKey && (
-        <p className="operation-success-message">{t(operation.successMessageKey!)}</p>
+        <p className="operation-success-message">
+          {t(operation.successMessageKey!)}
+        </p>
       )}
       {done && !(!opFailed && operation.successMessageKey) && <p></p>}
       {opFailed && done && (
@@ -148,8 +150,12 @@ export default ({
             className="action-button primary"
             onClick={() => {
               navigator.clipboard.writeText(
-                operationState.failed[0]?.extraDetails?.replace(/^\n+/, "") ??
-                t("common.no_error"),
+                "```\n" +
+                  (operationState.failed[0]?.extraDetails?.replace(
+                    /^\n+/,
+                    "",
+                  ) ?? t("common.no_error")) +
+                  "\n```",
               );
               toast.success(t("common.copied_success"));
             }}

src/pages/Settings.tsx

@@ -143,7 +143,7 @@ export const Settings = ({ showHeading = true }: SettingsProps) => {
                         `[${log.timestamp}] [${LogLevel[log.level]}] ${log.target ? `<${log.target}>` : ""} ${log.message}`,
                     )
                     .join("\n");
-                  navigator.clipboard.writeText(logText);
+                  navigator.clipboard.writeText("```\n" + logText + "\n```");
                   toast.success(t("common.copied_success"));
                 }}
               >