fix(reporting) extend data for error reports to include version and a…

… text asking for context

Signed-off-by: David Edler <[email protected]>

src/components/ErrorPage.tsx

@@ -7,14 +7,30 @@ import {
 } from "@canonical/react-components";
 import { updateMaxHeight } from "util/updateMaxHeight";
 import useEventListener from "@use-it/event-listener";
+import { UI_VERSION } from "util/version";
 
 type Props = {
   error?: Error;
 };
 
 const ErrorPage: FC<Props> = ({ error }) => {
   const body = encodeURIComponent(
-    `\`\`\`\n${error?.stack ?? "No stack trace"}\n\`\`\``,
+    `# Description
+
+A brief description of the problem. Should include what you were
+attempting to do, what you did, what happened and what you expected to
+see happen.
+
+# Metadata
+
+UI Version: ${UI_VERSION}
+Path: ${location.pathname}${location.search}
+
+# Stacktrace
+
+\`\`\`
+${error?.stack ?? "No stack trace"}
+\`\`\``,
   );
   const url = `https://github.com/canonical/lxd-ui/issues/new?labels=bug&title=Error%20report&body=${body}`;