feat: add timeline EmptyState component

src/features/timeline/EmptyState.tsx

@@ -0,0 +1,16 @@
+import { EmptyState, Button } from "components";
+import Image from "next/image";
+import src from "../../../public/timeline-empty-state.svg";
+import { FaPlus as PlusIcon } from "react-icons/fa";
+
+export default function TimelineEmptyState() {
+  return (
+    <EmptyState
+      image={<Image src={src} alt="no threads in timeline" />}
+      tagline="Make history. Lead the way"
+      description="Starting a conversation you can share you thoughts and rise a topic for anyone in the community. "
+    >
+      <Button Icon={PlusIcon}>Start an conversation</Button>
+    </EmptyState>
+  );
+}

src/features/timeline/Timeline.tsx

@@ -1,11 +1,16 @@
 import type { Thread } from "types";
+import EmptyState from "./EmptyState";
 import ThreadCard from "./ThreadCard";
 
 type TimelineProps = {
   threads: Thread[];
 };
 
 export default function Timeline({ threads }: TimelineProps): JSX.Element {
+  if (threads.length == 0) {
+    return <EmptyState />;
+  }
+
   return (
     <>
       {threads.map(thread => (