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';
+
+type HiddenPostProps ={
+  UserColors: string[];
+}
+
+const HiddenPost: FC<PropsWithChildren<HiddenPostProps>> = ({
+  UserColors
+}) => {
+  const shuffledColors = UserColors.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>
+      </div>
+    </div>
+  )
+}
+
+export default HiddenPost;