Fix tippy placement for icon picker

src/app.css

@@ -365,7 +365,7 @@
 /* tippy popover */
 
 .tippy-box {
-  @apply shadow-xl;
+  @apply rounded-box shadow-xl;
 }
 
 /* emoji picker */

src/app/util/notifications.ts

@@ -181,7 +181,7 @@ export const allNotifications = derived(
 )
 
 export const notifications = derived([page, allNotifications], ([$page, $allNotifications]) => {
-  return new Set([...$allNotifications].filter(p => $page.url.pathname.startsWith(p)))
+  return new Set([...$allNotifications].filter(p => !$page.url.pathname.startsWith(p)))
 })
 
 export const onNotification = call(() => {

src/lib/components/IconPickerButton.svelte

@@ -51,7 +51,7 @@
   bind:popover
   component={IconPickerDialog}
   props={{onSelect: onClick}}
-  params={{trigger: "manual", interactive: true}}>
+  params={{trigger: "manual", interactive: true, placement: "top-end"}}>
   <Button onclick={open} class={props.class}>
     {@render props.children?.()}
   </Button>