fix profile layout

src/views/groups/views/information/GroupInformationView.tsx

@@ -105,7 +105,7 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
             <div>
                 <div className="text-center d-flex flex-column h-100 small text-black text-decoration-underline">
                     <div className="group-badge">
-                        <BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } />
+                        <BadgeImageView badgeCode={ groupInformation.badge } isGroup={ true } className="mx-auto"/>
                     </div>
                     <div className="mt-3 cursor-pointer" onClick={ () => handleAction('members') }>
                         { LocalizeText('group.membercount', ['totalMembers'], [groupInformation.membersCount.toString()]) }

src/views/user-profile/views/badges-container/BadgesContainerView.tsx

@@ -21,23 +21,4 @@ export const BadgesContainerView: FC<BadgesContainerViewProps> = props =>
             </NitroCardGridView>
         </div>
     )
-
-//     return (
-//         <div className="row badge-container d-flex mt-1">
-//             <div className="nitro-card-grid theme-default">
-//                 <div className="row row-cols-5 align-content-start">
-//                 {
-//                     badges.map( (badge, index) => 
-// {
-//                         return (
-//                         <div className="grid-item-container" key={index}>
-//                             <BadgeImageView badgeCode={badge}/>
-//                         </div>
-//                         )
-//                     })
-//                 }
-//                 </div>
-//             </div>
-//         </div>
-//     );
 }

src/views/user-profile/views/user-container/UserContainerView.tsx

@@ -27,10 +27,10 @@ export const UserContainerView: FC<UserContainerViewProps> = props =>
 
     return (
         <div className="row">
-            <div className="col-sm-3 px-0 d-flex align-items-center">
+            <div className="col-auto px-0 d-flex align-items-center">
                 <AvatarImageView figure={userProfile.figure} direction={2} />
             </div>
-            <div className="col-sm-8">
+            <div className="col">
                 <div className="user-info-container">
                     <div className="fw-bold">{userProfile.username}</div>
                     <div className="fst-italic text-break small">{userProfile.motto}</div>