Avatar stylings

daily-thought-frontend/src/components/profile/Avatar.tsx

@@ -5,10 +5,12 @@ import { generateRandomLinearGradient } from '../post/Utils';
 
 type AvatarProps ={
   User: User
+  ShowInitial?: boolean
 }
 
 const Avatar:FC<PropsWithChildren<AvatarProps>> = ({
-  User
+  User,
+  ShowInitial = false
 }) => {
 
   return (
@@ -18,7 +20,7 @@ const Avatar:FC<PropsWithChildren<AvatarProps>> = ({
 
         </div>
       }
-      {!User.Avatar && 
+      {!User.Avatar && ShowInitial &&
         <div>
           <p>{User.Username[0]}</p>
         </div>

daily-thought-frontend/src/styles/Avatar.module.css

 .avatar {
   color: white;
   border-radius: 50%;
-  width: 48px;
-  height: 48px;
+  width: 56px;
+  height: 56px;
   background-color: 'red';
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-right: 8px;
+
 }
\ No newline at end of file