chore: allow setting custom icon to vault

packages/web/src/javascripts/Components/Vaults/AddToVaultMenuOption.tsx

@@ -90,7 +90,7 @@ const VaultMenu = ({ items }: { items: DecryptedItemInterface[] }) => {
               )}
             >
               <Icon
-                type="safe-square"
+                type={vault.iconString}
                 size="large"
                 className={classNames('mr-2 text-neutral', doesVaultContainItems(vault) ? 'text-info' : '')}
               />

packages/web/src/javascripts/Components/Vaults/VaultNameBadge.tsx

@@ -9,7 +9,7 @@ type Props = {
 const VaultNameBadge: FunctionComponent<Props> = ({ vault }) => {
   return (
     <div title="Vault name" className="flex rounded bg-success px-1.5 py-1 text-success-contrast select-none">
-      <Icon ariaLabel="Shared in vault" type="safe-square" className="mr-1 text-info-contrast" size="medium" />
+      <Icon ariaLabel="Shared in vault" type={vault.iconString} className="mr-1 text-info-contrast" size="medium" />
       <span className="mr-auto overflow-hidden text-ellipsis text-xs">{vault.name}</span>
     </div>
   )