refactor: migrate legacy wire namespace to wrn

packages/realtime/components/PresenceList.wrn

@@ -18,7 +18,7 @@ component PresenceList {
             <Avatar src='{member.avatar || ""}' fallback='{member.name || member.userId || "?"}' size="sm" color='{color}' />
             <div class="min-w-0 flex-1">
               <p class="m-0 truncate text-sm font-semibold">{member.name || member.userId}</p>
-              <p class="m-0 text-xs text-[var(--wire-color-muted)]">{member.status || "online"}</p>
+              <p class="m-0 text-xs text-[var(--wrn-color-muted)]">{member.status || "online"}</p>
             </div>
             <Badge label='{member.status || "online"}' color='{member.status == "busy" ? "danger" : member.status == "away" ? "warning" : "success"}' size="sm" variant="soft" />
           </div>

packages/realtime/components/RealtimeRoom.wrn

@@ -25,8 +25,8 @@ component RealtimeRoom {
     >
       <section data-room='{room}' data-room-user='{user}' class="flex min-h-72 flex-col gap-4">
         <RoomStatus label='{statusLabel}' color='{color}' size='{size}' />
-        <div data-room-log role="log" aria-live="polite" class="flex min-h-40 flex-1 flex-col gap-3 overflow-y-auto rounded-[var(--wire-radius-sm)] bg-[var(--wire-color-surface-2)] p-3">
-          <p data-room-empty class="m-auto text-sm text-[var(--wire-color-muted)]">{emptyLabel}</p>
+        <div data-room-log role="log" aria-live="polite" class="flex min-h-40 flex-1 flex-col gap-3 overflow-y-auto rounded-[var(--wrn-radius-sm)] bg-[var(--wrn-color-surface-2)] p-3">
+          <p data-room-empty class="m-auto text-sm text-[var(--wrn-color-muted)]">{emptyLabel}</p>
           <slot></slot>
         </div>
         <slot name="composer"></slot>

packages/realtime/components/RoomStatus.wrn

@@ -16,8 +16,8 @@ component RoomStatus {
       <Badge label="Live" color='{color}' size='{size}' variant="soft" />
       <span
         data-room-status
-        data-room-status-class="inline-flex items-center gap-2 text-xs font-medium text-[var(--wire-color-muted)]"
-        class="inline-flex items-center gap-2 text-xs font-medium text-[var(--wire-color-muted)]"
+        data-room-status-class="inline-flex items-center gap-2 text-xs font-medium text-[var(--wrn-color-muted)]"
+        class="inline-flex items-center gap-2 text-xs font-medium text-[var(--wrn-color-muted)]"
         aria-live="polite"
       >{label}</span>
     </div>