Modified type of frieds now hashmap

daily-thought-frontend/src/pages/feed.tsx

 import NavBar from "@/components/navigation/NavBar";
-import AnswerCard from "@/components/post/AnswerCard";
 import Post from "@/components/post/Post";
-import Question from "@/components/question/Question";
+import { useFriends } from "@/hooks/useFriends";
 import { useUser } from "@/hooks/useUser";
-import { User } from "@/types/user";
-import Router from "next/router";
-import { useEffect, useState } from "react";
+
 
 const userx = {
   id: "asdf",
@@ -18,10 +15,11 @@ const userx = {
 
 const Feed = () => {
   const user = useUser()
+  const friends = useFriends();
     return(
       <>
         <div className="w-full">
-          <NavBar user={user} />
+          <NavBar user={user} friends={friends} />
         </div>
         <div className="flex w-full bg-c-pink flex-col items-center py-3 pt-10">
           <div className="flex-1 max-w-4xl flex items-center flex-col justify-center">