Resolve "Adding basic post component"

What does this MR do?

Adds some basic components

Relevant screenshots

Testing

run the front end app. Observe the index page with the navigation and titlebar components. Access the /feed route to observe the two post components

Relevant issues

(List the relevant issues, i.e. Closes #...)

Closes #15 (closed)

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>
+    </>
   )
 }