🔄 refactor: Enhance user feedback during project join process

- Introduced loading state management to disable the "Join project" button while the join operation is in progress.
- This change aims to improve the user experience by providing visual feedback during the invitation acceptance process, preventing multiple submissions and clarifying the operation's ongoing status.

Author: mangledbottles

app/(dashboard)/app/project/join/[invitationCode]/AcceptInvite.tsx

@@ -3,6 +3,7 @@
 import { navigate } from "@/actions";
 import { Button } from "@/components/ui/button";
 import { Project } from "@prisma/client";
+import { useState } from "react";
 import { toast } from "sonner";
 
 interface AcceptInviteProps {
@@ -14,7 +15,10 @@ export const AcceptInvite = ({
   handleAcceptInvite,
   projectId,
 }: AcceptInviteProps) => {
+  const [isJoining, setIsJoining] = useState(false);
+
   const onAcceptInvite = async () => {
+    setIsJoining(true);
     try {
       toast.promise(handleAcceptInvite, {
         loading: "Joining project...",
@@ -27,8 +31,9 @@ export const AcceptInvite = ({
     } catch (error) {
       // Error handling can be expanded as needed
       console.error("Error joining project:", error);
+      setIsJoining(false);
     }
   };
 
-  return <Button onClick={onAcceptInvite}>Join project</Button>;
+  return <Button onClick={onAcceptInvite} disabled={isJoining} >Join project</Button>;
 };