Reapply "Add plausible error handling"

This reverts commit a11e63a.

packages/dito/app/routes/download.$fileName.tsx

@@ -13,7 +13,7 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
     const filePath = path.join("public", "assets", fileName);
     const pdfData = await fs.readFile(filePath);
 
-    trackCustomEvent(request, { name: "Download Dokumentation" });
+    void trackCustomEvent(request, { name: "Download Dokumentation" });
     return new Response(pdfData, {
       status: 200,
       headers: {

packages/dito/app/routes/vorpruefung.ergebnis.einschaetzung.$fileName[.pdf].tsx

@@ -152,7 +152,10 @@ export async function action({ params, request }: ActionFunctionArgs) {
   } else if (Object.values(answers).find((a) => a === "unsure")) {
     result = "Unsicher";
   }
-  trackCustomEvent(request, { name: "Download Vorprüfung", props: { result } });
+  void trackCustomEvent(request, {
+    name: "Download Vorprüfung",
+    props: { result },
+  });
 
   return new Response(pdfData, {
     status: 200,

packages/dito/app/routes/vorpruefung.ergebnis/route.tsx

@@ -36,7 +36,10 @@ export async function loader({ request }: LoaderFunctionArgs) {
   } else if (unsureQuestions.length > 0) {
     result = "Unsicher";
   }
-  trackCustomEvent(request, { name: "Vorprüfung Resultat", props: { result } });
+  void trackCustomEvent(request, {
+    name: "Vorprüfung Resultat",
+    props: { result },
+  });
 
   return json({ positiveQuestions, unsureQuestions, negativeQuestions });
 }

packages/dito/app/utils/trackCustomEvent.ts

@@ -1,21 +1,28 @@
 const plausibleUrl = "https://plausible.io/api/event";
 const plausibleDomain = "digitalcheck-dito.prod.ds4g.net";
 
-export default function trackCustomEvent(
+export default async function trackCustomEvent(
   request: Request,
   event: { name: string; props?: Record<string, string> },
 ) {
   if (process.env.NODE_ENV === "development") {
     console.log("TRACKING", event);
     return;
   }
-  void fetch(plausibleUrl, {
-    method: "POST",
-    body: JSON.stringify({
-      domain: plausibleDomain,
-      url: request.url,
-      referrer: request.referrer,
-      ...event,
-    }),
-  });
+  try {
+    const response = await fetch(plausibleUrl, {
+      method: "POST",
+      body: JSON.stringify({
+        domain: plausibleDomain,
+        url: request.url,
+        referrer: request.referrer,
+        ...event,
+      }),
+    });
+    if (!response.ok) {
+      throw new Error(`Error tracking event: ${response.status}`);
+    }
+  } catch (error) {
+    console.error("Error tracking event", event, error);
+  }
 }