complete the personalcenter's ui