fix: reserve profile badge header space

lib/modules/user/profile/person_detail_page.dart

@@ -633,7 +633,7 @@ class _PersonDetailPageState extends State<PersonDetailPage> {
     PropsResources? dataCard,
   ) {
     return SizedBox(
-      height: 520.w,
+      height: 570.w,
       child: Stack(
         children: [
           SizedBox(

lib/ui_kit/widgets/room/room_user_info_card.dart

@@ -567,10 +567,13 @@ class _RoomUserInfoCardState extends State<RoomUserInfoCard> {
           fallbackBadges: _roomCardFallbackBadges(ref, profile),
           displayScope: SCUserBadgeDisplayScope.long,
           height: 62.w,
-          badgeHeight: 57.5.w,
-          longBadgeWidth: 145.w,
-          spacing: 12.w,
+          badgeHeight: 20.w,
+          longBadgeWidth: 62.w,
+          spacing: 4.w,
+          runSpacing: 4.w,
           wrap: true,
+          maxWrapRows: 2,
+          scrollLastWrapRow: true,
           reserveSpace: false,
         ),
       ),