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

@@ -465,6 +465,26 @@ export default function UserAppointmentDetailPage() {
                   </h2>
                 </div>
                 <div className="p-6 space-y-4">
+                  {appointment.jitsi_room_id && (
+                    <div>
+                      <p className={`text-xs font-medium mb-2 uppercase tracking-wider ${isDark ? "text-gray-400" : "text-gray-500"}`}>
+                        Meeting Room ID
+                      </p>
+                      <div className="flex items-center gap-2">
+                        <p className={`text-sm font-mono px-3 py-2 rounded-lg ${isDark ? "bg-gray-800 text-gray-200" : "bg-white text-gray-900 border border-gray-200"}`}>
+                          {appointment.jitsi_room_id}
+                        </p>
+                        <button
+                          onClick={() => appointment.can_join_as_participant && copyToClipboard(appointment.jitsi_room_id!, "Room ID")}
+                          disabled={!appointment.can_join_as_participant}
+                          className={`p-2 rounded-lg transition-colors ${appointment.can_join_as_participant ? (isDark ? "hover:bg-gray-700" : "hover:bg-gray-100") : (isDark ? "opacity-50 cursor-not-allowed" : "opacity-50 cursor-not-allowed")}`}
+                          title={appointment.can_join_as_participant ? "Copy room ID" : "Meeting not available"}
+                        >
+                          <Copy className={`w-4 h-4 ${isDark ? "text-gray-400" : "text-gray-500"}`} />
+                        </button>
+                      </div>
+                    </div>
+                  )}
                   <div>
                     <p className={`text-xs font-medium mb-2 uppercase tracking-wider ${isDark ? "text-gray-400" : "text-gray-500"}`}>
                       Meeting Link

components/Navbar.tsx

@@ -80,10 +80,7 @@ export function Navbar() {
             whileHover={{ scale: 1.05 }}
             whileTap={{ scale: 0.95 }}
           >
-            <Link 
+            <Link href="/" className="flex items-center gap-1.5 sm:gap-2">
-              href={isAuthenticated && !isAdmin ? "/user/dashboard" : "/"} 
-              className="flex items-center gap-1.5 sm:gap-2"
-            >
               <div className="bg-gradient-to-r from-rose-500 to-pink-600 p-1.5 sm:p-2 rounded-lg sm:rounded-xl">
                 <Heart className="h-4 w-4 sm:h-5 sm:w-5 text-white fill-white" />
               </div>
@@ -130,7 +127,7 @@ export function Navbar() {
               </Button>
             )}
             <ThemeToggle />
-            {!isAdmin && (
+            {!isUserDashboard && (
               <Link 
                 href="/book-now"
                 className={`text-sm font-medium transition-colors cursor-pointer px-3 py-2 rounded-lg hover:opacity-90 ${isDark ? 'text-gray-300 hover:text-white' : 'text-gray-700 hover:text-rose-600'}`}
@@ -234,7 +231,7 @@ export function Navbar() {
                       Sign In
                     </Button>
                   )}
-                  {!isAdmin && (
+                  {!isUserDashboard && (
                     <Link
                       href="/book-now"
                       onClick={() => setMobileMenuOpen(false)}