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/navigation/NavProvider.tsx

 import { Children, FC, PropsWithChildren, useState } from "react";
 import styles from '../../styles/NavigationProvider.module.css'
 import Avatar from "../profile/avatar";
-import { RxHamburgerMenu } from "react-icons/rx"
+import NavMenuItem from "./NavMenuItem";
+import { AiOutlineUser } from 'react-icons/ai'
+
 
 type NavProviderProps = {
+  navState: boolean
 }
 
 const NavigationProvider: FC<PropsWithChildren<NavProviderProps>> = ({
   children,
+  navState
 }) => {
-  const [navState, setNavState] = useState<boolean>(false);
 
   let colors = ["#ffd0d2","#fffdd0","#d0fffd","#d0d2ff"];
 
@@ -18,11 +21,18 @@ const NavigationProvider: FC<PropsWithChildren<NavProviderProps>> = ({
 
   return (
     <div className={styles.navProvider}>
-      <div className={styles.nav} style={{width: navState? "300px" : "72px"}}>
-        <div className={styles.navColapsed}>
-          <button className={styles.navButton} onClick={() => setNavState(!navState)}><RxHamburgerMenu size={"32px"}/></button>
+      <div className={styles.nav} style={{width: navState? "300px" : "0px"}}>
+        <div className={styles.navContent}>
           <div className={styles.navAvatar}>
-            <Avatar User={user}/>
+            <Avatar User={user} ShowInitial/>
+          </div>
+          <div className={styles.userInfo}>
+            <p className={styles.name}>{user.FirstName} {user.LastName}</p>
+            <p className={styles.username}>{`@${user.Username}`}</p>
+            <p className={styles.friends}><span className={styles.friendsValue}>{`283`}</span> Friends</p>
+          </div>
+          <div className={styles.menuItems}>
+            <NavMenuItem label="Profile" icon={<AiOutlineUser size={20}/>}/>
           </div>
         </div>
       </div>