Fixing nextjs build errors

daily-thought-frontend/src/components/comments/Comment.tsx

-import { Comment } from "@/types/comment"
-import { HeartIcon } from '@heroicons/react/24/outline'
-import { FC, PropsWithChildren } from "react"
+import { Comment } from '@/types/comment';
+import { HeartIcon } from '@heroicons/react/24/outline';
+import { FC, PropsWithChildren } from 'react';
 
 type CommentProps = {
-  Comment: Comment,
-
-}
-
-const Comment: FC<PropsWithChildren<CommentProps>> = ({
-  Comment
-}) => {
+  Comment: Comment;
+};
 
+const Comment: FC<PropsWithChildren<CommentProps>> = ({ Comment }) => {
   return (
     <div className="w-full flex items-center justify-between p-2">
       <div className="flex flex-1">
@@ -18,15 +14,15 @@ const Comment: FC<PropsWithChildren<CommentProps>> = ({
           <img className="h-8 w-8 rounded-full" src={Comment.User.profile} alt="" />
         </div>
         <div>
-          <p className="text-xs font-bold">{Comment.User.name}</p>
+          <p className="text-xs font-bold">{Comment.User.username}</p>
           <p className="text-sm">This is my comment</p>
           <p className="text-xs text-gray-500">1 like</p>
         </div>
       </div>
-      
+
       <HeartIcon className="block h-3 w-3" aria-hidden="true" />
     </div>
-  )
-}
+  );
+};
 
-export default Comment;
\ No newline at end of file
+export default Comment;

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

@@ -86,7 +86,7 @@ const AnswerCard: FC<PropsWithChildren<AnswerCardProps>> = ({
         {comments.length > 0 && (
           <div>
             <p className="text-xs text-gray-500 hover:text-c-pink">View all 3 comments</p>
-            <Comment Comment={{ Data: 'asdfg', User: user }} />
+            <Comment Comment={{ Data: 'asdfg', User: user, Likes: [] }} />
           </div>
         )}
         {comments.length === 0 && (

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

@@ -46,6 +46,7 @@ const Post: FC<PropsWithChildren<PostProps>> = ({
             question={question}
             rehydrateFeed={() => rehydrateFeed()}
             userList={userList}
+            commentLimit={1}
           />
         </div>
       </div>

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

-import NavBar from "@/components/navigation/NavBar";
-import AnswerCard from "@/components/post/AnswerCard";
-import Post from "@/components/post/Post";
-
-const user = {
-  Name: 'Tom Cook',
-  email: 'tom@example.com',
-  Username: 'TomCook',
-  Avatar:
-    'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80',
-}
-
-
-const UserPost = () => {
-
-  return (
-    <div className="min-h-screen bg-c-pink">
-    <div className="w-full">
-      <NavBar user={user} />
-    </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">
-        <div className="p-8">
-          <h1 className="text-4xl font-bold tracking-tight text-c-green text-center">This is my question of the day</h1>
-        </div>
-        <div className="rounded-full w-xl">
-
-          <div className="flex w-full justify-center flex-col items-center mx-auto p-3 sm:px-6 lg:px-8 max-w-4xl">
-            <AnswerCard post={{User: user, Content: "This is my post"}}/>
-          </div>
-        </div>
-
-       
-      </div>
-    </div>
-  </div>
-  )
-}
-
-export default UserPost;
\ No newline at end of file