feat: add zap command

apps/desktop2/src/components/text.tsx

@@ -0,0 +1,40 @@
+import { Event } from "@lume/types";
+import { Note } from "@lume/ui";
+import { cn } from "@lume/utils";
+
+export function TextNote({
+  event,
+  className,
+}: {
+  event: Event;
+  className?: string;
+}) {
+  return (
+    <Note.Provider event={event}>
+      <Note.Root
+        className={cn(
+          "mb-3 flex flex-col gap-2 border-b border-neutral-100 pb-3 dark:border-neutral-900",
+          className,
+        )}
+      >
+        <Note.User />
+        <div className="flex gap-3">
+          <div className="size-11 shrink-0" />
+          <div className="min-w-0 flex-1">
+            <Note.Thread className="mb-2" />
+            <Note.Content />
+            <div className="mt-5 flex items-center justify-between">
+              <Note.Reaction />
+              <div className="inline-flex items-center gap-4">
+                <Note.Reply />
+                <Note.Repost />
+                <Note.Zap />
+                <Note.Menu />
+              </div>
+            </div>
+          </div>
+        </div>
+      </Note.Root>
+    </Note.Provider>
+  );
+}