Add sharing rooms

src/components/RoomCard.jsx

@@ -1,4 +1,4 @@
-import { Users, Play, Trash2, Radio, Loader2 } from 'lucide-react';
+import { Users, Play, Trash2, Radio, Loader2, Share2 } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import api from '../services/api';
@@ -39,9 +39,15 @@ export default function RoomCard({ room, onDelete }) {
                 {t('common.live')}
               </span>
             )}
+            {room.shared ? (
+              <span className="flex items-center gap-1 px-2 py-0.5 bg-th-accent/15 text-th-accent rounded-full text-xs font-medium">
+                <Share2 size={10} />
+                {t('room.shared')}
+              </span>
+            ) : null}
           </div>
           <p className="text-sm text-th-text-s mt-0.5">
-            {room.uid.substring(0, 8)}...
+            {room.shared ? room.owner_name : `${room.uid.substring(0, 8)}...`}
           </p>
         </div>
       </div>
@@ -93,7 +99,7 @@ export default function RoomCard({ room, onDelete }) {
           {starting ? <Loader2 size={14} className="animate-spin" /> : <Play size={14} />}
           {status.running ? t('room.join') : t('room.startMeeting')}
         </button>
-        {onDelete && (
+        {onDelete && !room.shared && (
           <button
             onClick={(e) => { e.stopPropagation(); onDelete(room); }}
             className="btn-ghost text-xs py-1.5 px-2 text-th-error hover:text-th-error"