fix(core): center align user avatar in doc property (#12908)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Added an option to center-align user labels in components displaying
user information, improving visual alignment of avatars and usernames.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/core/src/components/workspace-property-types/created-updated-by.tsx

@@ -46,6 +46,7 @@ const CreatedByUpdatedByAvatar = (props: {
           id={userId}
           size={props.size}
           showName={props.showName}
+          align="center"
           tooltip={
             props.type === 'CreatedBy' ? CreatedUsernameTip : UpdatedUsernameTip
           }
@@ -198,7 +199,12 @@ export const ModifiedByGroupHeader = ({
   return (
     <PlainTextDocGroupHeader groupId={groupId} docCount={docCount}>
       <div className={styles.userLabelContainer}>
-        <PublicUserLabel id={userId} size={20} showName={false} />
+        <PublicUserLabel
+          id={userId}
+          size={20}
+          showName={false}
+          align="center"
+        />
       </div>
     </PlainTextDocGroupHeader>
   );