프로필 편집

32. 프로필 편집 페이지 Design a user profile edit page: **Avatar Section**: - Current avatar: 120px circle - Hover overlay: "Change photo" - Upload: click or drag-and-drop - Crop tool: square crop with preview - "Remove photo" option **Basic Information Form**: - First name, Last name (side by side) - Display name / Username - Email (may be read-only with change flow) - Phone number (with country code selector) - Date of birth (date picker) **Bio/About**: - Textarea: 500 char limit - Character counter - Formatting tips **Social Links**: - Dynamic field list - Platform selector + URL input - Add/remove links - Validation per platform format **Location**: - Country dropdown - City autocomplete - Timezone auto-detect option **Professional Info**: - Job title - Company - Industry dropdown - Website URL **Form Layout**: - Logical sections with headers - Two-column where appropriate - Clear visual hierarchy **Actions**: - "Save changes" primary button - "Cancel" secondary button - "Discard changes" if unsaved edits **Privacy Indicators**: - Per-field visibility settings - Public/private/contacts-only toggles Tech: React + React Hook Form + Cropper.js + Tailwind