Refactor invitation system and update UI layout

Updated invitation link generation logic to use 'invitePath' instead of 'siteURL' improving the overall invitation system. The changes also entailed multiple updates to the UI ranging from layout modifications to enhanced alerts and descriptions. Additionally, the text and styling of several components, such as the team account settings container and the layout of personal account settings page, were significantly adjusted.

apps/web/app/(dashboard)/home/(user)/settings/page.tsx

@@ -1,4 +1,5 @@
 import { PersonalAccountSettingsContainer } from '@kit/accounts/personal-account-settings';
+import { PageBody } from '@kit/ui/page';
 
 import featureFlagsConfig from '~/config/feature-flags.config';
 import pathsConfig from '~/config/paths.config';
@@ -14,13 +15,15 @@ const paths = {
 
 function PersonalAccountSettingsPage() {
   return (
-    <div
-      className={
-        'container mx-auto flex max-w-2xl flex-1 flex-col items-center'
-      }
-    >
-      <PersonalAccountSettingsContainer features={features} paths={paths} />
-    </div>
+    <PageBody>
+      <div
+        className={
+          'container mx-auto flex max-w-2xl flex-1 flex-col items-center'
+        }
+      >
+        <PersonalAccountSettingsContainer features={features} paths={paths} />
+      </div>
+    </PageBody>
   );
 }
 

apps/web/app/(dashboard)/home/[account]/settings/page.tsx

@@ -45,7 +45,7 @@ async function TeamAccountSettingsPage(props: Props) {
       <PageBody>
         <div
           className={
-            'container mx-auto flex w-full max-w-4xl flex-1 flex-col items-center'
+            'container mx-auto flex max-w-2xl flex-1 flex-col items-center'
           }
         >
           <TeamAccountSettingsContainer

apps/web/public/locales/en/teams.json

@@ -107,7 +107,8 @@
   "deleteTeamInputField": "Type the name of the team to confirm",
   "leaveTeam": "Leave Team",
   "leavingTeamModalHeading": "Leaving Team",
-  "leaveTeamDescription": "You will no longer have access to this team.",
+  "leavingTeamModalDescription": "You are about to leave this team. You will no longer have access to it.",
+  "leaveTeamDescription": "Click the button below to leave the team. Remember, you will no longer have access to it and will need to be re-invited to join.",
   "deleteTeamDisclaimer": "You are deleting the team {{ teamName }}. This action cannot be undone.",
   "leaveTeamDisclaimer": "You are leaving the team {{ teamName }}. You will no longer have access to it.",
   "deleteTeamErrorHeading": "Sorry, we couldn't delete your team.",