KT-MyPage-front/src/pages/dashboard/user/detail.tsx

import { Button, Stack } from "@mui/material";
import useDashboard from "hooks/useDashBoard";
import { PageID, TabID } from "pages";
import { useEffect } from "react";

export default function UserDetail() {
  const { setHeaderTitle, setTabs } = useDashboard(
    PageID.DASHBOARD_USER_DETAIL,
    TabID.NONE
  );

  useEffect(() => {
    setHeaderTitle("利用者情報");
    setTabs(null);
  }, []);

  return (
    <Stack>
      <Button>ユーザー情報変更</Button>
      <Button>口座情報変更</Button>
      <Button>学生証アップロード</Button>
      <Button>障害者手帳アップロード</Button>
    </Stack>
  );
}