Merge pull request 'Refactor appointment detail page for admin and user interfaces. Update meeting link display logic and styling for improved clarity, ensuring users can easily identify and access meeting information while maintaining a streamlined interface.' (#54) from feat/booking-panel into master

Reviewed-on: http://35.207.46.142/ATTUNE-HEART-THERAPY/website/pulls/54

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

@@ -583,27 +583,6 @@ export default function AppointmentDetailPage() {
                       Moderator Meeting Link
                     </p>
                     <div className="flex items-center gap-2">
-                      {appointment.can_join_as_moderator ? (
-                        <>
-                      <a
-                        href={appointment.moderator_join_url}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className={`flex-1 text-sm px-3 py-2 rounded-lg truncate ${isDark ? "bg-gray-800 text-blue-400 hover:bg-gray-700" : "bg-white text-blue-600 hover:bg-gray-50 border border-gray-200"}`}
-                      >
-                        {appointment.moderator_join_url}
-                      </a>
-                      <a
-                        href={appointment.moderator_join_url}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className={`px-4 py-2 rounded-lg font-medium transition-colors ${isDark ? "bg-blue-600 hover:bg-blue-700 text-white" : "bg-blue-600 hover:bg-blue-700 text-white"}`}
-                      >
-                        <ExternalLink className="w-4 h-4" />
-                      </a>
-                        </>
-                      ) : (
-                        <>
                       <div className={`flex-1 text-sm px-3 py-2 rounded-lg truncate ${isDark ? "bg-gray-800/50 text-gray-500 border border-gray-700" : "bg-gray-100 text-gray-400 border border-gray-300"}`}>
                         {appointment.moderator_join_url}
                       </div>
@@ -613,8 +592,6 @@ export default function AppointmentDetailPage() {
                       >
                         <ExternalLink className="w-4 h-4" />
                       </button>
-                        </>
-                      )}
                     </div>
                   </div>
                   {appointment.can_join_as_moderator !== undefined && (

app/(user)/user/appointments/[id]/page.tsx

@@ -455,7 +455,8 @@ export default function UserAppointmentDetailPage() {
             )}
 
             {/* Meeting Information */}
-            {appointment.participant_join_url && (
+            {/* Video Meeting card hidden - users can join via the Join Now button in sidebar */}
+            {/* {appointment.participant_join_url && (
               <div className={`rounded-2xl border shadow-sm overflow-hidden ${isDark ? "bg-gradient-to-br from-blue-900/20 to-purple-900/20 border-blue-800/30" : "bg-gradient-to-br from-blue-50 to-purple-50 border-blue-200"}`}>
                 <div className={`px-6 py-4 border-b ${isDark ? "border-blue-800/30" : "border-blue-200"}`}>
                   <h2 className={`text-lg font-semibold flex items-center gap-2 ${isDark ? "text-white" : "text-gray-900"}`}>
@@ -474,7 +475,7 @@ export default function UserAppointmentDetailPage() {
                   )}
                 </div>
               </div>
-            )}
+            )} */}
           </div>
 
           {/* Sidebar - Right Column (1/3) */}