Refactor account page to use icon in form title

- Remove redundant page heading from account page
- Add AccountCircle icon to AccountForm title
- Clean up unused account-page translations
- Simplify account page component by moving title to form

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-11-17 18:44:24 +01:00
parent 80f4c92755
commit 513e78e8f1
4 changed files with 2 additions and 11 deletions

View File

@@ -6,6 +6,7 @@ import { updateUserProfile } from "../lib/actions/userProfileActions";
import { useFormState, useFormStatus } from "react-dom";
import { useLocale, useTranslations } from "next-intl";
import Link from "next/link";
import AccountCircleIcon from "@mui/icons-material/AccountCircle";
export type AccountFormProps = {
profile: UserProfile | null;
@@ -161,7 +162,7 @@ export const AccountForm: FC<AccountFormProps> = ({ profile }) => {
return (
<div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card-body">
<h2 className="card-title">{t("title")}</h2>
<h2 className="card-title"><AccountCircleIcon className="w-6 h-6" /> {t("title")}</h2>
<form action={dispatch}>
<FormFields
profile={profile}