refactor: Align OAuthScreen with API spec

Author: Ehesp

packages/react/src/auth/screens/oauth-screen.tsx

@@ -16,7 +16,7 @@
 
 import { getTranslation } from "@firebase-ui/core";
 import { useUI } from "~/hooks";
-import { Card, CardHeader, CardSubtitle, CardTitle } from "../../components/card";
+import { Card, CardContent, CardHeader, CardSubtitle, CardTitle } from "../../components/card";
 import { PropsWithChildren } from "react";
 import { Policies } from "~/components/policies";
 
@@ -36,8 +36,10 @@ export function OAuthScreen({ children }: OAuthScreenProps) {
           <CardTitle>{titleText}</CardTitle>
           <CardSubtitle>{subtitleText}</CardSubtitle>
         </CardHeader>
-        {children}
-        <Policies />
+        <CardContent>
+          {children}
+          <Policies />
+        </CardContent>
       </Card>
     </div>
   );