Add DRF API app and real-time draft management UI

- Created new `api` Django app with serializers, viewsets, and routers
  to expose draft sessions, participants, and movie data.
- Registered `api` app in settings and updated root URL configuration.
- Extended WebSocket consumers with `inform.draft_status` /
  `request.draft_status` to allow fetching current draft state.
- Updated `DraftSession` and related models to support reverse lookups
  for draft picks.
- Enhanced draft state manager to include `draft_order` in summaries.
- Added React WebSocket context provider, connection status component,
  and new admin/participant panels with phase and participant tracking.
- Updated SCSS for participant lists, phase indicators, and status badges.
- Modified Django templates to mount new React roots for admin and
  participant views.
- Updated Webpack dev server config to proxy WebSocket connections.

frontend/src/apps/draft/constants.js

@@ -2,8 +2,10 @@ export const DraftMessage = {
   // Server to Client
   INFORM: {
     PHASE_CHANGE: "inform.phase.change",
+    PHASE: "inform.phase",
     STATUS: "inform.status",
     JOIN_USER: "inform.join.user",
+    DRAFT_STATUS: "inform.draft_status"
   },
 
   // Client to Server
@@ -13,6 +15,7 @@ export const DraftMessage = {
     JOIN_PARTICIPANT: "request.join.participant",
     JOIN_ADMIN: "request.join.admin",
     DETERMINE_DRAFT_ORDER: "request.determine.draft_order",
+    DRAFT_STATUS: "request.draft_status"
   },
 
   // Confirmation messages (Server to Client)
@@ -36,4 +39,13 @@ export const DraftPhase = {
   BIDDING: 30,
   AWARD: 40,
   FINALIZE: 50,
-}
+}
+
+export const DraftPhases = [
+  "waiting",
+  "determine_order",
+  "nomination",
+  "bidding",
+  "award",
+  "finalize",
+]