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.

draft/templates/draft/room.dj.html

@@ -2,10 +2,13 @@
 {% block content %}
 <h1>Draft Room: {{ league.name }} – {{ season.label }} {{ season.year }}</h1>
 {% load static %}
-<div id="draft-app" data-draft-id="{{draft_id_hashed}}"></div>
+<script>
+  window.draftSessionId = "{{ draft_id_hashed }}"
+</script>
+<div id="draft-participant-root" data-draft-id="{{ draft_id_hashed }}"></div>
 {% if DEBUG %}
 <script src="http://localhost:3000/dist/bundle.js"></script>
 {% else %}
 <script src="{% static 'bundle.js' %}"></script>
 {% endif %}
-{% endblock %}
+{% endblock content %}

draft/templates/draft/room_admin.dj.html

@@ -2,7 +2,10 @@
 {% block content %}
 <h1>Draft Room: {{ league.name }} – {{ season.label }} {{ season.year }}</h1>
 {% load static %}
-<div id="draft-admin-app" data-draft-id="{{ draft_id_hashed }}"></div>
+<script>
+  window.draftSessionId = "{{ draft_id_hashed }}"
+</script>
+<div id="draft-admin-root" data-draft-hid="{{ draft_id_hashed }}"></div>
 {% if DEBUG %}
   <script src="http://localhost:3000/dist/bundle.js"></script>
 {% else %}