Complete CreateEventModalV2 integration and fix styling

- Replace CreateEventModal with new modular CreateEventModalV2 throughout app
- Fix compilation errors by aligning event_form types with create_event_modal types
- Add missing props (initial_start_time, initial_end_time) to modal interface
- Fix styling issues: use tab-navigation class and add modal-body wrapper
- Remove duplicate on_create prop causing compilation failure
- All recurrence options now properly positioned below repeat/reminder pickers

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/event_form/people.rs

@@ -38,13 +38,14 @@ pub fn people_tab(props: &TabProps) -> Html {
             <div class="form-group">
                 <label for="event-organizer">{"Organizer"}</label>
                 <input
-                    type="text"
+                    type="email"
                     id="event-organizer"
                     class="form-input"
                     value={data.organizer.clone()}
                     oninput={on_organizer_input}
-                    placeholder="Event organizer"
+                    placeholder="organizer@example.com"
                 />
+                <p class="form-help-text">{"Email address of the person organizing this event"}</p>
             </div>
 
             <div class="form-group">
@@ -54,9 +55,48 @@ pub fn people_tab(props: &TabProps) -> Html {
                     class="form-input"
                     value={data.attendees.clone()}
                     oninput={on_attendees_input}
-                    placeholder="Add attendees (one per line)"
+                    placeholder="attendee1@example.com, attendee2@example.com, attendee3@example.com"
                     rows="4"
                 ></textarea>
+                <p class="form-help-text">{"Enter attendee email addresses separated by commas"}</p>
+            </div>
+
+            <div class="people-info">
+                <h5>{"Invitation & Response Management"}</h5>
+                <ul>
+                    <li>{"Invitations are sent automatically when the event is saved"}</li>
+                    <li>{"Attendees can respond with Accept, Decline, or Tentative"}</li>
+                    <li>{"Response tracking follows RFC 5545 PARTSTAT standards"}</li>
+                    <li>{"Delegation and role management available after event creation"}</li>
+                </ul>
+
+                <div class="people-validation">
+                    <h6>{"Email Validation"}</h6>
+                    <p>{"Email addresses will be validated when you save the event. Invalid emails will be highlighted and must be corrected before proceeding."}</p>
+                </div>
+            </div>
+
+            <div class="attendee-roles-preview">
+                <h5>{"Advanced Attendee Features"}</h5>
+                <div class="role-examples">
+                    <div class="role-item">
+                        <strong>{"Required Participant:"}</strong>
+                        <span>{"Must attend for meeting to proceed"}</span>
+                    </div>
+                    <div class="role-item">
+                        <strong>{"Optional Participant:"}</strong>
+                        <span>{"Attendance welcome but not required"}</span>
+                    </div>
+                    <div class="role-item">
+                        <strong>{"Resource:"}</strong>
+                        <span>{"Meeting room, equipment, or facility"}</span>
+                    </div>
+                    <div class="role-item">
+                        <strong>{"Non-Participant:"}</strong>
+                        <span>{"For information only"}</span>
+                    </div>
+                </div>
+                <p class="form-help-text">{"Advanced role assignment and RSVP management will be available in future versions"}</p>
             </div>
         </div>
     }