[Dashboard] fix: handle unreachable engine instances

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/(instance)/[engineId]/layout.tsx

@@ -89,7 +89,15 @@ function EngineInstanceLayoutContent(props: {
       );
     }
 
-    if (permission.status === 401 || permission.status === 500) {
+    if (permission.status === 500) {
+      return (
+        <EngineErrorPage rootPath={rootPath}>
+          <p> Engine Instance Could Not Be Reached </p>
+        </EngineErrorPage>
+      );
+    }
+
+    if (permission.status === 401) {
       return (
         <EngineErrorPage rootPath={rootPath}>
           <div>

apps/dashboard/src/app/team/[team_slug]/(team)/~/engine/_utils/getEngineAccessPermission.ts

@@ -2,16 +2,23 @@ export async function getEngineAccessPermission(params: {
   authToken: string;
   instanceUrl: string;
 }) {
-  const res = await fetch(`${params.instanceUrl}auth/permissions/get-all`, {
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${params.authToken}`,
-    },
-  });
+  try {
+    const res = await fetch(`${params.instanceUrl}auth/permissions/get-all`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${params.authToken}`,
+      },
+    });
 
-  return {
-    ok: res.ok, // has access if this is true
-    status: res.status,
-  };
+    return {
+      ok: res.ok, // has access if this is true
+      status: res.status,
+    };
+  } catch {
+    return {
+      ok: false,
+      status: 500,
+    };
+  }
 }