homepage improvements

- show followed streams first
- show stream hashtags in video tile
- allow to visit hashtag page by clicking tag
- allow to follow/unfollow hashtags

src/element/video-tile.tsx

@@ -9,6 +9,7 @@ import { findTag, getHost } from "utils";
 import { formatSats } from "number";
 import ZapStream from "../../public/zap-stream.svg";
 import { isContentWarningAccepted } from "./content-warning";
+import { Tags } from "element/tags";
 
 export function VideoTile({
   ev,
@@ -25,7 +26,8 @@ export function VideoTile({
   const image = findTag(ev, "image");
   const status = findTag(ev, "status");
   const viewers = findTag(ev, "current_participants");
-  const contentWarning = findTag(ev, "content-warning") && !isContentWarningAccepted();
+  const contentWarning =
+    findTag(ev, "content-warning") && !isContentWarningAccepted();
   const host = getHost(ev);
 
   const link = encodeTLV(
@@ -33,19 +35,33 @@ export function VideoTile({
     id,
     undefined,
     ev.kind,
-    ev.pubkey
+    ev.pubkey,
   );
   return (
-    <Link to={`/${link}`} className={`video-tile${contentWarning ? " nsfw" : ""}`} ref={ref}>
+    <Link
+      to={`/${link}`}
+      className={`video-tile${contentWarning ? " nsfw" : ""}`}
+      ref={ref}
+    >
       <div
         style={{
-          backgroundImage: `url(${inView ? ((image?.length ?? 0) > 0 ? image : ZapStream) : ""})`,
+          position: "relative",
+          backgroundImage: `url(${
+            inView ? ((image?.length ?? 0) > 0 ? image : ZapStream) : ""
+          })`,
         }}
       >
+        <div className="video-tags">
+          <Tags ev={ev} max={3} />
+        </div>
       </div>
       <span className="pill-box">
         {showStatus && <StatePill state={status as StreamState} />}
-        {viewers && <span className="pill viewers">{formatSats(Number(viewers))} viewers</span>}
+        {viewers && (
+          <span className="pill viewers">
+            {formatSats(Number(viewers))} viewers
+          </span>
+        )}
       </span>
       <h3>{title}</h3>
       {showAuthor && <div>{inView && <Profile pubkey={host} />}</div>}