feat(userbot,api,frontend): file links, media downloads, story hold-pause, drop scheduled dupes

frontend/src/lib/components/stories/AllStoriesArchive.svelte

@@ -8,6 +8,7 @@
   } from "$lib/api/endpoints";
   import { loadStoryMedia } from "$lib/api/stories";
   import type { StoryView } from "$lib/api/types";
+  import StoryTile from "$lib/components/stories/StoryTile.svelte";
   import StoryViewer from "$lib/components/stories/StoryViewer.svelte";
   import Avatar from "$lib/components/ui/Avatar.svelte";
   import Button from "$lib/components/ui/Button.svelte";
@@ -211,34 +212,11 @@
       {#if expanded[group.peerId]}
         <div class="grid">
           {#each group.stories as item, index (item.story_id)}
-            <button
-              type="button"
-              class="tile"
-              class:expired={item.deleted}
-              onclick={() => openViewer(group, index)}
-            >
-              {#if previews[item.story_id]}
-                {#if item.media_kind === "video"}
-                  <video
-                    src={previews[item.story_id]}
-                    muted
-                    playsinline
-                    preload="metadata"
-                    use:poster
-                  ></video>
-                  <span class="play"><Icon name="play" size="1.5rem" /></span>
-                {:else}
-                  <img src={previews[item.story_id]} alt="">
-                {/if}
-              {:else}
-                <span class="ph"><Icon name="play-story" /></span>
-              {/if}
-              {#if item.views}
-                <span class="badge views">
-                  <Icon name="eye" size="0.875rem" />{item.views}
-                </span>
-              {/if}
-            </button>
+            <StoryTile
+              story={item}
+              preview={previews[item.story_id]}
+              onopen={() => openViewer(group, index)}
+            />
           {/each}
         </div>
       {/if}