dyolink/frontend/src/app/[locale]/(dashboard)/settings/account/page.tsx

'use client';

import { Link } from '@/i18n/navigation';

export default function AccountSettingsPage() {
  return (
    <div className="space-y-6">
      <div>
        <Link
          href="/today"
          className="text-sm text-primary hover:opacity-90"
        >
          ← Back to app
        </Link>
        <h1 className="text-2xl font-semibold text-text-primary mt-4">Account</h1>
        <p className="text-text-secondary text-sm mt-2">
          Profile and security settings for your login.
        </p>
      </div>

      <div className="surface-card p-6 space-y-3">
        <p className="text-sm text-text-secondary">
          Password change and profile editing will be wired here next (e.g. invite
          flow, reset password).
        </p>
      </div>
    </div>
  );
}