use transforms instead of positioning for player
switch component extensions to .jsx