Enhance appointment detail messaging with moderator link

- Updated the appointment detail page to include a clickable moderator link for direct access to meetings, improving clarity on how to join sessions.
- Ensured that the messaging adapts based on the availability of the moderator link, enhancing user experience.

app/(admin)/admin/booking/[id]/page.tsx

@@ -664,7 +664,20 @@ export default function AppointmentDetailPage() {
                           How to Access:
                         </p>
                         <p className={`text-sm ${isDark ? "text-gray-300" : "text-gray-700"}`}>
-                          Up to 10 minutes before the meeting is scheduled to begin, click the "Start Meeting" button below to begin the session. Once started, participants can join using the meeting link. You can also use the moderator link near the bottom of the page to join directly.
+                          Up to 10 minutes before the meeting is scheduled to begin, click the "Start Meeting" button below to begin the session. Once started, participants can join using the meeting link. You can also use the{" "}
+                          {appointment.moderator_join_url ? (
+                            <a
+                              href={appointment.moderator_join_url}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className={`font-medium underline hover:opacity-80 ${isDark ? "text-blue-400" : "text-blue-600"}`}
+                            >
+                              moderator link
+                            </a>
+                          ) : (
+                            "moderator link"
+                          )}{" "}
+                          to join directly.
                         </p>
                       </div>
                     </div>