Added popup message when clicking on Request Access

web/app/dashboard/page.tsx

@@ -4,6 +4,8 @@ import Link from "next/link"
 import { getUserGuilds } from "@/lib/discord"
 import Toast from "@/components/Toast"
 import UserProfile from "@/components/UserProfile"
+import RequestAccessButton from "@/components/RequestAccessButton"
+
 
 
 export default async function Dashboard() {
@@ -74,13 +76,9 @@ export default async function Dashboard() {
                                             Add to Server
                                         </a>
                                     ) : (
-                                        <button
-                                            disabled
-                                            className="px-4 py-2 bg-white/5 text-gray-500 rounded-lg border border-white/5 cursor-not-allowed w-full flex items-center justify-center gap-2"
-                                        >
-                                            Request Access
-                                        </button>
+                                        <RequestAccessButton guildId={guild.id} />
                                     )}
+
                                 </div>
                             </div>
                         ))}