Not understanding the best move
That's the best move according to the computor. I'm trying to understand why is the trade bishop for knight a good move here.
Bxf6 wins material. Bxf6 and they have two options. One is to capture your bishop on f6, after which you play fxg4 and you win a bishop. The other option is for them to move their bishop, after which you play Bxd8. Black hung a piece.

There is a chess tactic called the Desperado, in which a piece that is already under attack moves to a new square where it is also under attack, but gains something in the process.
The Desperado goes down with his guns blazing.
You attacked Black's Bishop with 7. f3. Black replied by attacking YOUR Bishop with 7. ... h6.
But he overlooked the Desperado reply 8. Bxf6, capturing his Knight... and when he recaptures by 8. ... Qxf6 you will take the free Bishop with 9. fxg4. Now you are a piece ahead.
"Don't trade bishop for knight" is a principle, or general rule. While general rules are important, maybe essential, for playing good chess, they are never a substitute for carefully looking at the board and figuring out the concrete tactics. Whether you are rated 600 or 2600, you have to do the "I go here, then he can go there" work. And if you haven't learned the desperado tactic yet, this is a good time to study it and make it part of your armory