feat(user-center): deepen zibll parity and profile media

inc/helpers/user-center-renderers/profile-header.php

@@ -24,7 +24,7 @@ extract($context, EXTR_SKIP); // phpcs:ignore WordPress.PHP.DontExtract.extract_
 	</div>
 	<div class="uc-header__content">
 		<div class="uc-header__avatar">
-			<?php echo get_avatar($user_id, 120, '', $target_user->display_name); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
+			<?php echo aksrt_get_avatar_html($user_id, 120, ['id' => 'aksrt-user-avatar-image', 'alt' => $target_user->display_name, 'loading' => 'eager']); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
 		</div>
 		<div class="uc-header__info">
 			<h1 class="uc-header__name">
@@ -82,16 +82,19 @@ extract($context, EXTR_SKIP); // phpcs:ignore WordPress.PHP.DontExtract.extract_
 				?>
 				<?php endif; ?>
 
+			<?php if (!empty($messages_url)) : ?>
 			<a href="<?php echo esc_url($messages_url); ?>" class="btn-ghost btn-sm">
 				<i class="fas fa-bell" aria-hidden="true"></i> <?php esc_html_e('消息通知', 'aksrt'); ?>
 				<?php if ($notification_unread_count > 0) : ?>
 				<span class="uc-header__action-badge"><?php echo esc_html((string) $notification_unread_count); ?></span>
 				<?php endif; ?>
 			</a>
+			<?php endif; ?>
 			<?php if ($show_avatar_edit) : ?>
-			<a href="<?php echo esc_url($avatar_settings_url); ?>" class="btn-ghost btn-sm">
-				<i class="fas fa-camera" aria-hidden="true"></i> <?php esc_html_e('更换头像', 'aksrt'); ?>
-			</a>
+			<button type="button" id="aksrt-upload-avatar-btn" class="btn-ghost btn-sm">
+				<i class="fas fa-camera" aria-hidden="true"></i> <span><?php esc_html_e('更换头像', 'aksrt'); ?></span>
+			</button>
+			<input type="file" id="aksrt-avatar-file-input" accept="image/jpeg,image/png,image/webp,image/gif" hidden>
 			<?php endif; ?>
 			<a href="<?php echo esc_url(aksrt_get_user_home_url()); ?>" class="btn-ghost btn-sm">
 				<i class="fas fa-map-marker-alt" aria-hidden="true"></i> <?php esc_html_e('我的主页', 'aksrt'); ?>