Refactor hidden post

daily-thought-frontend/src/components/post/HiddenPost.tsx

 import { FC, PropsWithChildren } from "react";
 import styles from "../../styles/HiddenPost.module.css"
 import { BsEyeSlash } from 'react-icons/bs';
+import Avatar from "../profile/avatar";
+import { User } from "@/types/user";
 
 type HiddenPostProps ={
-  UserColors: string[];
+  User: User;
 }
 
 const HiddenPost: FC<PropsWithChildren<HiddenPostProps>> = ({
-  UserColors
+  User
 }) => {
-  const shuffledColors = UserColors.sort((a: string, b: string) => 0.5 - Math.random());
+  const shuffledColors = User.Colors.sort((a: string, b: string) => 0.5 - Math.random());
 
   return (
-    <div className={styles.hiddenCard}>
-      <div className={styles.hiddenCardContent}>
-        <BsEyeSlash size={50}/>
-        <p className={styles.title}>Post Hidden</p>
-        <p className={styles.text}>Post a thought to view</p>
+    <>
+    <Avatar User={User}/>
+      <div className={styles.hiddenCard}>
+        <div className={styles.hiddenCardContent}>
+          <BsEyeSlash size={50}/>
+          <p className={styles.title}>Post Hidden</p>
+          <p className={styles.text}>Post a thought to view</p>
+        </div>
       </div>
-    </div>
+    </>
   )
 }