chore(deps): Update dependencies and refactor API routes for improved error handling

- Updated various dependencies in package.json and pnpm-lock.yaml, including '@clerk/nextjs' to version 6.7.1 and several others for better performance and security.
- Refactored API routes to use Promise.resolve for context parameters, enhancing reliability in asynchronous contexts.
- Improved error handling in the dashboard and studies components, ensuring better user experience during data fetching.
- Removed unused favicon.ico file to clean up the project structure.
- Enhanced the dashboard components to utilize a new utility function for API URL fetching, promoting code reusability.

src/app/dashboard/studies/[id]/participants/new/page.tsx

@@ -12,6 +12,7 @@ import Link from "next/link";
 import { useActiveStudy } from "~/context/active-study";
 import { hasPermission } from "~/lib/permissions-client";
 import { PERMISSIONS } from "~/lib/permissions";
+import { getApiUrl } from "~/lib/fetch-utils";
 
 export default function NewParticipant() {
   const [name, setName] = useState("");
@@ -36,7 +37,7 @@ export default function NewParticipant() {
     setIsSubmitting(true);
 
     try {
-      const response = await fetch(`/api/studies/${id}/participants`, {
+      const response = await fetch(getApiUrl(`/api/studies/${id}/participants`), {
         method: "POST",
         headers: {
           "Content-Type": "application/json",

src/app/dashboard/studies/[id]/participants/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useParams } from "next/navigation";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "~/components/ui/card";
 import { Button } from "~/components/ui/button";
@@ -29,7 +29,7 @@ import {
   TableHeader,
   TableRow,
 } from "~/components/ui/table";
-
+import { getApiUrl } from "~/lib/fetch-utils";
 interface Participant {
   id: number;
   name: string;
@@ -48,13 +48,9 @@ export default function ParticipantsList() {
   const canDeleteParticipant = activeStudy && hasPermission(activeStudy.permissions, PERMISSIONS.DELETE_PARTICIPANT);
   const canViewNames = activeStudy && hasPermission(activeStudy.permissions, PERMISSIONS.VIEW_PARTICIPANT_NAMES);
 
-  useEffect(() => {
-    fetchParticipants();
-  }, [id]);
-
-  const fetchParticipants = async () => {
+  const fetchParticipants = useCallback(async () => {
     try {
-      const response = await fetch(`/api/studies/${id}/participants`, {
+      const response = await fetch(getApiUrl(`/api/studies/${id}/participants`), {
         method: "GET",
         headers: {
           "Content-Type": "application/json",
@@ -74,11 +70,15 @@ export default function ParticipantsList() {
     } finally {
       setIsLoading(false);
     }
-  };
+  }, [toast, id]);
+
+  useEffect(() => {
+    fetchParticipants();
+  }, [fetchParticipants]);
 
   const handleDelete = async (participantId: number) => {
     try {
-      const response = await fetch(`/api/studies/${id}/participants`, {
+      const response = await fetch(getApiUrl(`/api/studies/${id}/participants`), {
         method: "DELETE",
         headers: {
           "Content-Type": "application/json",