chore: update suggestion and position

Signed-off-by: saurabhraghuvanshii <[email protected]>

Author: saurabhraghuvanshii

CONTRIBUTING.md

@@ -148,5 +148,4 @@ This repository and site are available as open source under the terms of the [Ap
 <p>The <a href="https://layer5.io/community">Layer5 community</a> represents the largest collection of service mesh projects and their maintainers in the world.</p>
 
 **Open Source First**
-
 <p>At Layer5, we champion developer-defined infrastructure, giving engineers the power to reshape application delivery. We empower operators in reimagining how they manage modern infrastructure: collaboratively.</p>

src/custom/CollaboratorAvatarGroup/CollaboratorAvatarGroup.tsx

@@ -1,6 +1,6 @@
 import { ExpandMore } from '@mui/icons-material';
 import { MouseEvent, useState } from 'react';
-import { Avatar, AvatarGroup, Button, Divider, Popover, Typography } from '../../base';
+import { Avatar, AvatarGroup, Button, Popover, Typography, Divider } from '../../base';
 import { iconSmall } from '../../constants/iconsSizes';
 import { styled, useTheme } from '../../theme';
 import { DARK_TEAL_BLUE } from '../../theme/colors/colors';
@@ -146,17 +146,7 @@ const CollaboratorAvatarGroup = ({
               key={clientID}
               title={
                 <div style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column' }}>
-                  <Typography
-                    style={{
-                      display: 'flex',
-                      justifyContent: 'center',
-                      flexDirection: 'column',
-                      margin: 'auto',
-                      fontSize: '1rem'
-                    }}
-                  >
-                    {user.name}
-                  </Typography>
+                  <Typography style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column', margin: 'auto', fontSize: '1rem' }}>{user.name}</Typography>
                   <Divider />
                   <Button
                     size="small"

src/custom/Panel/style.tsx

@@ -132,8 +132,8 @@ export const PanelTitle = styled('div')(() => ({
 
 export const ResizeIconContainer = styled('div')(({ theme }) => ({
   position: 'absolute',
-  bottom: '-14px',
-  right: '14px',
+  bottom: '2px',
+  left: '4px',
   pointerEvents: 'none',
   '& svg': {
     width: '18px',