[backend/razor] Improve exception details view in queue dashboard

Iceshrimp.Backend/Pages/QueueJob.cshtml

@@ -101,9 +101,26 @@
     @if (Model.Job is { StackTrace: not null, Exception: null })
     {
         <tr>
-            <td>Exception stack trace</td>
             <td>
-                <pre><code>@Model.Job.StackTrace</code></pre>
+                Exception stack trace
+                <br/>
+                <button onclick="copyElementToClipboard('exceptionStackTrace')">Copy to clipboard</button>
+            </td>
+            <td>
+                <pre><code id="exceptionStackTrace">@Model.Job.StackTrace</code></pre>
+            </td>
+        </tr>
+    }
+    @if (Model.Job.Exception != null)
+    {
+        <tr>
+            <td>
+                Exception details
+                <br/>
+                <button onclick="copyElementToClipboard('exceptionDetails')">Copy to clipboard</button>
+            </td>
+            <td>
+                <pre><code id="exceptionDetails">@Model.Job.Exception</code></pre>
             </td>
         </tr>
     }

Iceshrimp.Backend/wwwroot/js/queue.js

@@ -21,3 +21,7 @@ function navigate(target) {
 async function copyToClipboard(text) {
     await navigator.clipboard.writeText(text);
 }
+
+async function copyElementToClipboard(id) {
+    await copyToClipboard(document.getElementById(id).textContent);
+}