add info to inviteModal

components/ModalContent/InviteModal.tsx

@@ -100,7 +100,13 @@ export default function InviteModal({ onClose }: Props) {
         <div role="note" className="alert alert-note mt-5">
           <i className="bi-exclamation-triangle text-xl" />
           <span>
-            <p className="mb-1">{t("invite_user_note")}</p>
+            <p>{t("invite_user_note")}</p>
+            <p className="mb-1">
+              {t("invite_user_price", {
+                price: 4,
+                priceAnnual: 36,
+              })}
+            </p>
             <Link
               href="https://docs.linkwarden.app/billing/seats#how-seats-affect-billing"
               className="font-semibold whitespace-nowrap hover:opacity-80 duration-100"

public/locales/en/common.json

@@ -402,6 +402,7 @@
   "invite_users": "Invite Users",
   "invite_user_desc": "To invite someone to your team, please enter their email address below:",
   "invite_user_note": "Please note that once the invitation is accepted, an additional seat will be purchased and your account will automatically be billed for this addition.",
+  "invite_user_price": "The cost of each seat is ${{price}} per month or ${{priceAnnual}} per year, depending on your current subscription plan.",
   "send_invitation": "Send Invitation",
   "learn_more": "Learn more",
   "invitation_desc": "{{owner}} invited you to join Linkwarden. \nTo continue, please finish setting up your account.",