chore: improve note view vault info style (#2488)

packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubblesContainer.tsx

@@ -13,6 +13,9 @@ import { FOCUS_TAGS_INPUT_COMMAND, keyboardStringForShortcut } from '@standardno
 import { useCommandService } from '../CommandProvider'
 import { useItemLinks } from '@/Hooks/useItemLinks'
 import RoundIconButton from '../Button/RoundIconButton'
+import VaultNameBadge from '../Vaults/VaultNameBadge'
+import LastEditedByBadge from '../Vaults/LastEditedByBadge'
+import { useItemVaultInfo } from '@/Hooks/useItemVaultInfo'
 
 type Props = {
   linkingController: LinkingController
@@ -161,6 +164,8 @@ const LinkedItemBubblesContainer = ({
 
   const shouldHideToggle = hideToggle || (!canShowContainerToggle && !isCollapsed)
 
+  const { vault, lastEditedByContact } = useItemVaultInfo(item)
+
   if (readonly && itemsToDisplay.length === 0) {
     return null
   }
@@ -183,6 +188,8 @@ const LinkedItemBubblesContainer = ({
         )}
         ref={setLinkContainer}
       >
+        {!!vault && <VaultNameBadge vault={vault} />}
+        {!!lastEditedByContact && <LastEditedByBadge contact={lastEditedByContact} />}
         {visibleItems.map((link) => (
           <LinkedItemBubble
             link={link}