Expand All Repos section when navigating to a repo — radicle-desktop

When we land on a repo via notification inbox the repository wouldn't be visible if the section was collapsed. Now we expand it and scroll into view so we see which repository we're browsing.

👉 Workflow runs 👉 Branch on GitHub

   import InlineTitle from "@app/components/InlineTitle.svelte";
   import NodeId from "@app/components/NodeId.svelte";
   import { closeFocused } from "@app/components/Popover.svelte";
   import { revealRepoInSidebar } from "@app/components/SidebarRepoList.svelte";
   interface Props {
     rid: string;

   class="notification-teaser"
   onclick={() => {
     if (route) {
       revealRepoInSidebar(rid);
       void push(route);
       closeFocused();
     }

 <script lang="ts" module>
   export let revealRepoInSidebar: (rid: string) => void = () => undefined;
 </script>
 <script lang="ts">
   import type { RepoInfo } from "@bindings/repo/RepoInfo";
   import type { RepoSummary } from "@bindings/repo/RepoSummary";

     repos.filter(r => !pinnedRepoIds.value.includes(r.rid)).length,
   );
   revealRepoInSidebar = (rid: string) => {
     if (pinnedRepoIds.value.includes(rid)) return;
     if (!repos.some(r => r.rid === rid)) return;
     filterQuery = "";
     filterOpen = false;
     reposExpanded.value = true;
     requestAnimationFrame(() => {
       const row = document.querySelector(
         `[data-unpinned-rid="${CSS.escape(rid)}"]`,
       );
       row?.scrollIntoView({ block: "nearest" });
     });
   };
   const ANIMATION_DURATION_MS = 220;
   let animatingPinnedList = $state(false);
   let animationTimeout: ReturnType<typeof setTimeout> | undefined;

       {#each unpinnedFilteredRepos as repo (repo.rid)}
         <div
           class="repo-row-group"
           data-unpinned-rid={repo.rid}
           animate:flip={{ duration: animationDuration }}
           in:receive={{ key: repo.rid, duration: animationDuration }}
           out:send={{ key: repo.rid, duration: animationDuration }}>