chore: added "+ group link" tip (#19809)

* added + link tip

* nit

---------

Co-authored-by: amrit <iamamrit27@gmail.com>
Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
Co-authored-by: Tushar Bhatt <95581504+TusharBhatt1@users.noreply.github.com>

apps/web/modules/settings/my-account/profile-view.tsx

@@ -32,6 +32,7 @@ import {
   DialogTrigger,
   Editor,
   Form,
+  Icon,
   ImageUploader,
   Label,
   PasswordField,
@@ -654,6 +655,9 @@ const ProfileForm = ({
           />
         </div>
         {extraField}
+        <p className="text-subtle mt-1 flex items-center gap-1 text-sm">
+          <Icon name="info" /> {t("tip_username_plus")}
+        </p>
         <div className="mt-6">
           <TextField label={t("full_name")} {...formMethods.register("name")} />
         </div>

apps/web/public/static/locales/en/common.json

@@ -3003,5 +3003,6 @@
   "previous": "Previous",
   "uid": "UID",
   "link": "Link",
+  "tip_username_plus": "Tip: You can a '+' between usernames: cal.com/anna+brian to make a dynamic group meeting",
   "ADD_NEW_STRINGS_ABOVE_THIS_LINE_TO_PREVENT_MERGE_CONFLICTS": "↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your new strings above here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑"
 }

packages/features/ee/teams/components/TeamsListing.tsx

@@ -166,6 +166,10 @@ export function TeamsListing() {
           />
         )}
       </UpgradeTip>
+
+      <p className="text-subtle mb-8 mt-4 flex w-full items-center gap-1 text-sm md:justify-center md:text-center">
+        <Icon className="hidden sm:block" name="info" /> {t("tip_username_plus")}
+      </p>
     </>
   );
 }