feat: add suggest screen

packages/lume-column-timeline/src/index.tsx

@@ -1,7 +1,7 @@
 import { Column, useArk } from "@lume/ark";
 import { TimelineIcon } from "@lume/icons";
 import { IColumn } from "@lume/types";
-import { EventRoute, UserRoute } from "@lume/ui";
+import { EventRoute, SuggestRoute, UserRoute } from "@lume/ui";
 import { NDKEvent, NDKKind } from "@nostr-dev-kit/ndk";
 import { useQueryClient } from "@tanstack/react-query";
 import { useRef } from "react";
@@ -32,20 +32,24 @@ export function Timeline({ column }: { column: IColumn }) {
 				title="Timeline"
 				icon={<TimelineIcon className="size-4" />}
 			/>
-			<Column.Live
-				filter={{
-					kinds: [NDKKind.Text, NDKKind.Repost],
-					authors: !ark.account.contacts.length
-						? [ark.account.pubkey]
-						: ark.account.contacts,
-					since: since.current,
-				}}
-				onClick={refresh}
-			/>
+			{ark.account.contacts.length ? (
+				<Column.Live
+					filter={{
+						kinds: [NDKKind.Text, NDKKind.Repost],
+						authors: ark.account.contacts,
+						since: since.current,
+					}}
+					onClick={refresh}
+				/>
+			) : null}
 			<Column.Content>
 				<Column.Route path="/" element={<HomeRoute colKey={colKey} />} />
 				<Column.Route path="/events/:id" element={<EventRoute />} />
 				<Column.Route path="/users/:id" element={<UserRoute />} />
+				<Column.Route
+					path="/suggest"
+					element={<SuggestRoute queryKey={[colKey]} />}
+				/>
 			</Column.Content>
 		</Column.Root>
 	);