Add a shortcut button for going for inbox — radicle-desktop

As a first step we just add a shortcut that is visible on any page so we don’t need to click twice to get to the inbox.

Moving the inbox to a popover and adding the counter can be done in a follow-up later.

   import * as router from "@app/lib/router";
   import { nodeRunning } from "@app/lib/events";
   import Avatar from "./Avatar.svelte";
   import Icon from "./Icon.svelte";
   import NakedButton from "./NakedButton.svelte";
   import Avatar from "./Avatar.svelte";
   interface Props {
     publicKey: string;
     center?: Snippet;
     settingsButton?: Snippet;
   }
   const { center, settingsButton, publicKey }: Props = $props();
   const { center, publicKey }: Props = $props();
 </script>
 <style>

             Offline
           {/if}
         </div>
         {@render settingsButton?.()}
         <NakedButton
           variant="ghost"
           stylePadding="0 4px"
           onclick={() => router.push({ resource: "inbox" })}>
           <Icon name="inbox" />
         </NakedButton>
       </div>
     </div>
   </div>