fix: Clarify separate billing on workspaces

app/scenes/TeamNew.tsx

@@ -5,6 +5,7 @@ import User from "~/models/User";
 import Button from "~/components/Button";
 import Flex from "~/components/Flex";
 import Input from "~/components/Input";
+import Notice from "~/components/Notice";
 import Text from "~/components/Text";
 import useStores from "~/hooks/useStores";
 import useToasts from "~/hooks/useToasts";
@@ -46,17 +47,14 @@ function TeamNew({ user }: Props) {
   return (
     <>
       <form onSubmit={handleSubmit}>
-        <Text type="secondary">
-          <Trans
-            defaults="Your are creating a new workspace using your current account — <em>{{email}}</em>"
-            values={{
-              email: user.email,
-            }}
-            components={{
-              em: <strong />,
-            }}
-          />
-        </Text>
+        <Notice>
+          <Trans>
+            Please note that workspaces are completely separate. They can have a
+            different domain, settings, users, and billing.
+          </Trans>
+        </Notice>
+
+        <p />
 
         <Flex>
           <Input
@@ -69,11 +67,21 @@ function TeamNew({ user }: Props) {
             flex
           />
         </Flex>
+
         <Text type="secondary">
+          <Trans
+            defaults="Your are creating a new workspace using your current account — <em>{{email}}</em>"
+            values={{
+              email: user.email,
+            }}
+            components={{
+              em: <strong />,
+            }}
+          />
+          .{" "}
           <Trans>
-            When your new workspace is created, you will be the admin, meaning
-            you will have the highest level of permissions and the ability to
-            invite others.
+            To create a workspace under another email please sign up from the
+            homepage
           </Trans>
         </Text>