chore: translation for unauthorized workflow error (#8573)

* fix: translation for unauthorized workflow error

* change to dynamic string

---------

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: alannnc <alannnc@gmail.com>
Co-authored-by: Alex van Andel <me@alexvanandel.com>

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

@@ -1816,6 +1816,7 @@
   "email_invite_team_bulk": "{{userCount}} users have been invited",
   "error_collecting_card": "Error collecting card",
   "image_size_limit_exceed": "Uploaded image shouldn't exceed 5mb size limit",
+  "unauthorized_workflow_error_message": "{{errorCode}}: You are not authorized to enable or disable this workflow",
   "inline_embed": "Inline Embed",
   "load_inline_content": "Loads your event type directly inline with your other website content.",
   "floating_pop_up_button": "Floating pop-up button",

packages/features/ee/workflows/components/EventWorkflowsTab.tsx

@@ -71,9 +71,12 @@ const WorkflowListItem = (props: ItemProps) => {
         showToast(message, "error");
       }
       if (err.data?.code === "UNAUTHORIZED") {
-        // TODO: Add missing translation
-        const message = `${err.data.code}: You are not authorized to enable or disable this workflow`;
-        showToast(message, "error");
+        showToast(
+          t("unauthorized_workflow_error_message", {
+            errorCode: err.data.code,
+          }),
+          "error"
+        );
       }
     },
   });

packages/features/shell/Shell.tsx

@@ -310,11 +310,11 @@ function UserDropdown({ small }: { small?: boolean }) {
             </span>
             {!small && (
               <span className="flex flex-grow items-center truncate">
-                <span className="flex-grow truncate text-sm leading-none">
-                  <span className="text-emphasis mb-1 block truncate font-medium leading-none">
+                <span className="flex-grow truncate text-sm">
+                  <span className="text-emphasis mb-1 block truncate pb-1 font-medium leading-none">
                     {user.name || "Nameless User"}
                   </span>
-                  <span className="text-default truncate font-normal leading-none">
+                  <span className="text-default truncate pb-1 font-normal leading-none">
                     {user.username
                       ? process.env.NEXT_PUBLIC_WEBSITE_URL === "https://cal.com"
                         ? `cal.com/${user.username}`