From 513e78e8f1da6e553c8d423680f4485e7066b59f Mon Sep 17 00:00:00 2001
From: Knee Cola <kneecola@duck.com>
Date: Mon, 17 Nov 2025 18:44:24 +0100
Subject: [PATCH] Refactor account page to use icon in form title
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 app/[locale]/account/page.tsx | 4 ----
 app/ui/AccountForm.tsx        | 3 ++-
 messages/en.json              | 3 ---
 messages/hr.json              | 3 ---
 4 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/app/[locale]/account/page.tsx b/app/[locale]/account/page.tsx
index 0d7e0d7..c8fc5e1 100644
--- a/app/[locale]/account/page.tsx
+++ b/app/[locale]/account/page.tsx
@@ -2,17 +2,13 @@ import { FC, Suspense } from 'react';
 import { Main } from '@/app/ui/Main';
 import { AccountForm, AccountFormSkeleton } from '@/app/ui/AccountForm';
 import { getUserProfile } from '@/app/lib/actions/userProfileActions';
-import { useTranslations } from 'next-intl';
-import { getTranslations } from 'next-intl/server';
 
 const AccountPage: FC = async () => {
     const profile = await getUserProfile();
-    const t = await getTranslations('account-page');
 
     return (
         <Main>
             <div className="flex flex-col items-center">
-                <h1 className="text-2xl font-bold mb-4">{t('heading')}</h1>
                 <AccountForm profile={profile} />
             </div>
         </Main>
diff --git a/app/ui/AccountForm.tsx b/app/ui/AccountForm.tsx
index 94c61b2..cc2aa2a 100644
--- a/app/ui/AccountForm.tsx
+++ b/app/ui/AccountForm.tsx
@@ -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}
diff --git a/messages/en.json b/messages/en.json
index 33fb5e7..252abe7 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -131,9 +131,6 @@
       "location-name-required": "Relaestate name is required"
     }
   },
-  "account-page": {
-    "heading": "Account Settings"
-  },
   "account-form": {
     "title": "Profile Information",
     "first-name-label": "First Name",
diff --git a/messages/hr.json b/messages/hr.json
index cc63b99..1c97911 100644
--- a/messages/hr.json
+++ b/messages/hr.json
@@ -130,9 +130,6 @@
       "location-name-required": "Ime nekretnine je obavezno"
     }
   },
-  "account-page": {
-    "heading": "Postavke Računa"
-  },
   "account-form": {
     "title": "Podaci o profilu",
     "first-name-label": "Ime",