improve highlight style, improve filter button marker

src/View/Components/chatEntry.tsx

@@ -5,11 +5,11 @@ import ChatViewModel from "../../ViewModel/Chat/chatViewModel";
 export function ChatEntry(chatViewModel: ChatViewModel) {
     const view = (
         <button
-            class="tile colored-tile chat-entry"
+            class="tile colored-tile chat-entry animate-highlight"
             set:color={chatViewModel.settingsPageViewModel.color}
             style="height: 8rem"
             on:click={chatViewModel.open}
-            toggle:unread={chatViewModel.hasUnreadMessages}
+            toggle:highlight={chatViewModel.hasUnreadMessages}
         >
             <span
                 class="shadow"

src/View/Components/ribbonButton.tsx

@@ -13,7 +13,7 @@ export function RibbonButton(
 ) {
     return (
         <button
-            class="ribbon-button"
+            class="ribbon-button animate-highlight"
             aria-label={label}
             toggle:selected={isSelected}
             toggle:highlight={isHighlighted}