feat: Disable settings save if no data changed

front/src/components/WalletButton.tsx

@@ -17,6 +17,7 @@ import { useProviderStore } from "@/stores/provider.ts";
 import { parseGnoEvaluateJsonResponse } from "@/utils";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { z } from "zod";
+import { LogOut, Settings } from "lucide-react";
 
 const userSchema = z.object({
 	address: z.string(),
@@ -109,10 +110,15 @@ const WalletButton: FC = () => {
 						<DropdownMenuLabel>My Account</DropdownMenuLabel>
 						<DropdownMenuSeparator />
 						<DropdownMenuItem>
-							<Link to="/settings">Settings</Link>
+							<Link to="/settings" className="flex gap-1">
+								<Settings />
+								<span className="my-auto">Settings</span>
+							</Link>
+						</DropdownMenuItem>
+						<DropdownMenuItem onClick={onLogout} className="cursor-pointer gap-1">
+							<LogOut />
+							<span className="my-auto">Logout</span>
 						</DropdownMenuItem>
-						<DropdownMenuSeparator />
-						<DropdownMenuItem onClick={onLogout}>Logout</DropdownMenuItem>
 					</DropdownMenuContent>
 				</DropdownMenu>
 			)}

front/src/routes/settings.lazy.tsx

@@ -28,7 +28,6 @@ const Settings = () => {
 	});
 
 	const onSubmit = async (values: ProfileFormSchema) => {
-		// TODO: check that username changed to avoid useless transactions
 		await AdenaService.sendTransaction(
 			[
 				{
@@ -83,7 +82,9 @@ const Settings = () => {
 								</Form>
 							</CardContent>
 							<CardFooter className="border-t px-6 py-4">
-								<Button onClick={form.handleSubmit(onSubmit)}>Save</Button>
+								<Button disabled={!form.formState.isDirty} onClick={form.handleSubmit(onSubmit)}>
+									Save
+								</Button>
 							</CardFooter>
 						</Card>
 					</div>