Gas fees paid way above estimated

Hi can u pls check this transaction and how it is showing on both etherscan and metamask? Huge difference in estimated fees compared to what i paid . How can i avoid that in the futur?? Why wasn’t i warned of the 46$ fees transaction? I am still not sure what is difference between transaction fee and gas fees , i would have thought one should b warned of both before accepting the transaction , also since i paid the 46$ Why is it not showing in metamask Transaction history? I know i paid it:) Thank u :pray:
Transaction on etherscan