chore(pyroerror): improve error messages

Signed-off-by: Evan Song <theevansong@gmail.com>

Author: ferothefox

apps/frontend/src/components/ui/servers/PyroError.vue

@@ -22,7 +22,11 @@
       >
         {{ message }}
       </h2>
-      <p class="m-0 max-w-md text-center leading-relaxed text-secondary">
+      <p v-if="serverId" class="m-0 max-w-md text-center leading-relaxed text-secondary">
+        If this issue persists, contact Modrinth support and provide the following server ID:
+        <UiCopyCode :text="serverId" />
+      </p>
+      <p v-else class="m-0 max-w-md text-center leading-relaxed text-secondary">
         If this issue persists, contact Modrinth support.
       </p>
       <div class="flex flex-row gap-4">
@@ -56,6 +60,11 @@ defineProps({
     type: String,
     required: true,
   },
+  serverId: {
+    type: String,
+    default: "",
+    required: false,
+  },
 });
 </script>
 

apps/frontend/src/pages/servers/manage/[id].vue

@@ -1,6 +1,11 @@
 <template>
   <div class="contents">
-    <UiServersPyroError v-if="error" :title="errorTitle" :message="errorMessage" />
+    <UiServersPyroError
+      v-if="error"
+      :title="errorTitle"
+      :message="errorMessage"
+      :server-id="serverData?.server_id"
+    />
     <div
       v-if="serverData && serverData.status !== 'installing'"
       data-pyro-server-manager-root