Add timed bidding support with countdown displays and debug view

- Added `bidding_duration` field to `DraftSessionSettings` model and migration.
- Updated `DraftStateManager` to manage bidding start/end times using session settings.
- Extended WebSocket payloads to include bidding timer data.
- Added `DraftCountdownClock` React component and integrated into admin and participant UIs.
- Created new `DraftDebug` view, template, and front-end component for real-time state debugging.
- Updated utility functions to handle new timer fields in draft state.
- Changed script tags in templates to load with `defer` for non-blocking execution.

frontend/src/apps/draft/admin/DraftAdmin.jsx

@@ -6,6 +6,7 @@ import { ParticipantList } from "../common/ParticipantList.jsx";
 import { DraftMessage, DraftPhase, DraftPhaseLabel, DraftPhasesOrdered } from '../constants.js';
 import { fetchDraftDetails, isEmptyObject, handleDraftStatusMessages, handleUserIdentifyMessages } from "../common/utils.js"
 import { DraftMoviePool } from "../common/DraftMoviePool.jsx"
+import { DraftCountdownClock } from "../common/DraftCountdownClock.jsx"
 import { jsxs } from "react/jsx-runtime";
 
 
@@ -69,7 +70,6 @@ export const DraftAdmin = ({ draftSessionId }) => {
     const handleNominationRequest = (event)=> {
       const message = JSON.parse(event.data)
       const { type, payload } = message;
-      console.log('passing through nomination request', message)
       if (type == DraftMessage.NOMINATION_SUBMIT_REQUEST) {
         socket.send(JSON.stringify(
           {
@@ -87,7 +87,7 @@ export const DraftAdmin = ({ draftSessionId }) => {
     return () => {
       socket.removeEventListener('message', draftStatusMessageHandler)
       socket.removeEventListener('message', userIdentifyMessageHandler );
-      socket.remove('message', handleNominationRequest );
+      socket.removeEventListener('message', handleNominationRequest );
     };
   }, [socket]);
 
@@ -162,8 +162,8 @@ export const DraftAdmin = ({ draftSessionId }) => {
         <button onClick={handleStartBidding} className="btn btn-primary">Start Bidding</button>
       </div>
       <DraftMoviePool draftDetails={draftDetails} draftState={draftState}></DraftMoviePool>
-
       <DraftPhaseDisplay draftPhase={draftState.phase} nextPhaseHandler={() => { handlePhaseChange('next') }} prevPhaseHandler={() => { handlePhaseChange('previous') }}></DraftPhaseDisplay>
+      <DraftCountdownClock endTime={draftState.bidding_timer_end}></DraftCountdownClock>
     </div>
   );
 };