fix: add team bio to public page (#1265)

pages/team/[slug].tsx

@@ -17,7 +17,6 @@ import Team from "@components/team/screens/Team";
 import Avatar from "@components/ui/Avatar";
 import AvatarGroup from "@components/ui/AvatarGroup";
 import Button from "@components/ui/Button";
-import Text from "@components/ui/Text";
 
 function TeamPage({ team }: inferSSRProps<typeof getServerSideProps>) {
   const { isReady } = useTheme();
@@ -61,10 +60,14 @@ function TeamPage({ team }: inferSSRProps<typeof getServerSideProps>) {
     isReady && (
       <div>
         <HeadSeo title={teamName} description={teamName} />
-        <div className="pt-24 pb-12 px-4">
+        <div className="h-screen bg-neutral-50 dark:bg-black">
+          <main className="max-w-3xl px-4 py-24 mx-auto">
             <div className="mb-8 text-center">
               <Avatar alt={teamName} imageSrc={team.logo} className="mx-auto w-20 h-20 rounded-full mb-4" />
-            <Text variant="headline">{teamName}</Text>
+              <h1 className="mb-1 text-3xl font-bold font-cal text-neutral-900 dark:text-white">
+                {teamName}
+              </h1>
+              <p className="text-neutral-500 dark:text-white">{team.bio}</p>
             </div>
             {(showMembers.isOn || !team.eventTypes.length) && <Team team={team} />}
             {!showMembers.isOn && team.eventTypes.length > 0 && (
@@ -93,6 +96,7 @@ function TeamPage({ team }: inferSSRProps<typeof getServerSideProps>) {
                 </aside>
               </div>
             )}
+          </main>
         </div>
       </div>
     )
@@ -116,6 +120,7 @@ export const getServerSideProps = async (context: GetServerSidePropsContext) =>
     name: true,
     slug: true,
     logo: true,
+    bio: true,
     members: {
       select: {
         user: {