Convert AccountHeader to TS (#41181)

Co-authored-by: Denis Berezin <denis.berezin@metabase.com>

frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.jsx → frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.tsx

-import PropTypes from "prop-types";
+import type { Path } from "history";
 import { useMemo } from "react";
 import { t } from "ttag";
 
 import Radio from "metabase/core/components/Radio";
 import { getFullName } from "metabase/lib/user";
 import { PLUGIN_IS_PASSWORD_USER } from "metabase/plugins";
+import type { User } from "metabase-types/api";
 
 import {
   AccountHeaderRoot,
   HeaderAvatar,
   HeaderSection,
-  HeaderTitle,
   HeaderSubtitle,
+  HeaderTitle,
 } from "./AccountHeader.styled";
 
-const propTypes = {
-  user: PropTypes.object.isRequired,
-  path: PropTypes.string,
-  onChangeLocation: PropTypes.func,
+type AccountHeaderProps = {
+  user: User;
+  path?: string;
+  onChangeLocation?: (nextLocation: Path) => void;
 };
 
-const AccountHeader = ({ user, path, onChangeLocation }) => {
+export const AccountHeader = ({
+  user,
+  path,
+  onChangeLocation,
+}: AccountHeaderProps) => {
   const hasPasswordChange = useMemo(
     () => PLUGIN_IS_PASSWORD_USER.every(predicate => predicate(user)),
     [user],
@@ -56,7 +61,3 @@ const AccountHeader = ({ user, path, onChangeLocation }) => {
     </AccountHeaderRoot>
   );
 };
-
-AccountHeader.propTypes = propTypes;
-
-export default AccountHeader;

frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.unit.spec.js → frontend/src/metabase/account/app/components/AccountHeader/AccountHeader.unit.spec.tsx

 import { fireEvent, render, screen } from "@testing-library/react";
 
 import { PLUGIN_IS_PASSWORD_USER } from "metabase/plugins";
+import { createMockUser } from "metabase-types/api/mocks";
 
-import AccountHeader from "./AccountHeader";
+import { AccountHeader } from "./AccountHeader";
 
-const getUser = () => ({
-  id: 1,
-  first_name: "John",
-  last_name: "Doe",
-  email: "john@metabase.test",
-  google_auth: true,
-});
+const getUser = () =>
+  createMockUser({
+    id: 1,
+    first_name: "John",
+    last_name: "Doe",
+    email: "john@metabase.test",
+    google_auth: true,
+  });
 
 describe("AccountHeader", () => {
   const ORIGINAL_PLUGIN_IS_PASSWORD_USER = [...PLUGIN_IS_PASSWORD_USER];

frontend/src/metabase/account/app/components/AccountHeader/index.js

-export { default } from "./AccountHeader";

frontend/src/metabase/account/app/components/AccountHeader/index.ts

+export { AccountHeader } from "./AccountHeader";

frontend/src/metabase/account/app/components/AccountLayout/AccountLayout.jsx

 import PropTypes from "prop-types";
 
-import AccountHeader from "../AccountHeader";
+import { AccountHeader } from "../AccountHeader";
 
 import { AccountContent } from "./AccountLayout.styled";