chore: clean up

apps/desktop2/src/routes/$account/home/local.lazy.tsx

@@ -1,5 +1,10 @@
 import { useArk } from "@lume/ark";
-import { ArrowRightCircleIcon, LoaderIcon, SearchIcon } from "@lume/icons";
+import {
+  ArrowRightCircleIcon,
+  ArrowRightIcon,
+  LoaderIcon,
+  SearchIcon,
+} from "@lume/icons";
 import { Event, Kind } from "@lume/types";
 import { EmptyFeed } from "@lume/ui";
 import { FETCH_LIMIT } from "@lume/utils";
@@ -19,7 +24,7 @@ function LocalTimeline() {
   const { account } = Route.useParams();
   const { data, hasNextPage, isLoading, isFetchingNextPage, fetchNextPage } =
     useInfiniteQuery({
-      queryKey: ["newsfeed", account],
+      queryKey: ["local_newsfeed", account],
       initialPageParam: 0,
       queryFn: async ({ pageParam }: { pageParam: number }) => {
         const events = await ark.get_events(
@@ -61,10 +66,10 @@ function LocalTimeline() {
           <EmptyFeed />
           <a
             href="/suggest"
-            className="inline-flex h-9 w-full items-center justify-center gap-2 rounded-lg bg-blue-500 text-sm font-medium text-white hover:bg-blue-600"
+            className="inline-flex h-11 w-full items-center justify-center gap-2 rounded-xl bg-blue-500 font-medium text-white hover:bg-blue-600"
           >
-            <SearchIcon className="size-5" />
             Find accounts to follow
+            <ArrowRightIcon className="size-5" />
           </a>
         </div>
       ) : (

apps/desktop2/src/routes/index.tsx

@@ -1,6 +1,7 @@
 import { useArk } from "@lume/ark";
 import { LoaderIcon, PlusIcon } from "@lume/icons";
 import { User } from "@lume/ui";
+import { Link } from "@tanstack/react-router";
 import { createFileRoute, redirect, useNavigate } from "@tanstack/react-router";
 import { useState } from "react";
 
@@ -89,14 +90,14 @@ function Screen() {
                   </User.Provider>
                 </button>
               ))}
-              <button type="button">
+              <Link to="/landing">
                 <div className="flex h-36 w-32 flex-col items-center justify-center gap-4 rounded-xl p-2 text-white hover:bg-white/10 dark:hover:bg-black/10">
                   <div className="flex size-20 items-center justify-center rounded-full bg-white/20 dark:bg-black/20">
                     <PlusIcon className="size-5" />
                   </div>
                   <p className="text-lg font-medium leading-tight">Add</p>
                 </div>
-              </button>
+              </Link>
             </>
           )}
         </div>