feat: add zap command

apps/desktop2/src/app.css

@@ -35,6 +35,12 @@ media-controller {
   }
 
   .shadow-toolbar {
-    box-shadow: 0 0 #0000, 0 0 #0000, 0 8px 24px 0 rgba(0, 0, 0, .2), 0 2px 8px 0 rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 0 0 2px hsla(0, 0%, 100%, .14)
+    box-shadow:
+      0 0 #0000,
+      0 0 #0000,
+      0 8px 24px 0 rgba(0, 0, 0, 0.2),
+      0 2px 8px 0 rgba(0, 0, 0, 0.08),
+      inset 0 0 0 1px rgba(0, 0, 0, 0.2),
+      inset 0 0 0 2px hsla(0, 0%, 100%, 0.14);
   }
 }

apps/desktop2/src/components/repost.tsx

@@ -77,7 +77,7 @@ export function RepostNote({
     >
       <User.Provider pubkey={event.pubkey}>
         <User.Root className="flex gap-3">
-          <div className="inline-flex w-10 shrink-0 items-center justify-center">
+          <div className="inline-flex w-11 shrink-0 items-center justify-center">
             <RepostIcon className="h-5 w-5 text-blue-500" />
           </div>
           <div className="inline-flex items-center gap-2">
@@ -93,7 +93,7 @@ export function RepostNote({
         <div className="flex flex-col gap-2">
           <Note.User />
           <div className="flex gap-3">
-            <div className="size-10 shrink-0" />
+            <div className="size-11 shrink-0" />
             <div className="min-w-0 flex-1">
               <Note.Content />
               <div className="mt-5 flex items-center justify-between">

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

@@ -1,18 +1,13 @@
 import { useArk } from "@lume/ark";
-import {
-  ArrowRightCircleIcon,
-  ArrowRightIcon,
-  LoaderIcon,
-  SearchIcon,
-} from "@lume/icons";
+import { ArrowRightCircleIcon, ArrowRightIcon, LoaderIcon } from "@lume/icons";
 import { Event, Kind } from "@lume/types";
 import { EmptyFeed } from "@lume/ui";
 import { FETCH_LIMIT } from "@lume/utils";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { createLazyFileRoute } from "@tanstack/react-router";
 import { Virtualizer } from "virtua";
-import { TextNote } from "./-components/text";
-import { RepostNote } from "./-components/repost";
+import { TextNote } from "@/components/text";
+import { RepostNote } from "@/components/repost";
 
 export const Route = createLazyFileRoute("/$account/home/local")({
   component: LocalTimeline,
@@ -64,13 +59,6 @@ function LocalTimeline() {
       ) : !data.length ? (
         <div className="flex flex-col gap-3">
           <EmptyFeed />
-          <a
-            href="/suggest"
-            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"
-          >
-            Find accounts to follow
-            <ArrowRightIcon className="size-5" />
-          </a>
         </div>
       ) : (
         <Virtualizer overscan={3}>

apps/desktop2/src/routes/users/-components/eventList.tsx

@@ -1,5 +1,5 @@
-import { RepostNote } from "@/routes/$account/home/-components/repost";
-import { TextNote } from "@/routes/$account/home/-components/text";
+import { TextNote } from "@/components/text";
+import { RepostNote } from "@/components/repost";
 import { useArk } from "@lume/ark";
 import { ArrowRightCircleIcon, LoaderIcon } from "@lume/icons";
 import { Event, Kind } from "@lume/types";