Feat/hostview individual

[howard9199]

• Remove individual button in HostView
• Modify the layout in HostView
• show the participant displayName instead of uid in ParticipantView

This pull request includes several changes to the HostView.svelte and ParticipantView.svelte components, as well as the addition of a new server-side handler for removing participants from a session. The changes improve session initialization, participant management, and UI updates for different session stages.

Changes to session initialization and participant management:

• src/lib/components/session/HostView.svelte: Refactored session initialization to use onSnapshot for real-time updates and added an initializeSession function for better error handling. [1] [2] [3]
• src/lib/components/session/HostView.svelte: Added a new handleRemoveParticipant function to allow hosts to remove participants from a session.
• src/routes/api/session/[id]/group/[group_number]/join/[participant]/+server.ts: Implemented a DELETE handler to remove participants from a session and delete their conversation records. (src/routes/api/session/[id]/group/[group_number]/join/[participant]/+server.tsR1-R55)

UI updates for session stages:

• src/lib/components/session/HostView.svelte: Updated the UI to display the current session stage and adjusted the layout based on the session status. [1] [2] [3] [4]

Other improvements:

• src/lib/components/session/HostView.svelte: Imported the X icon from lucide-svelte for use in the participant removal button.
• src/lib/components/session/ParticipantView.svelte: Updated the participant display to show user details using the getUser function. [1] [2]

[Copilot]

Copilot reviewed 1 out of 3 changed files in this pull request and generated 6 comments.

Files not reviewed (2)

• src/lib/components/session/HostView.svelte: Language not supported
• src/lib/components/session/ParticipantView.svelte: Language not supported