card-info | by card number | Ecommerce library

You could use XPATH to find the link (a tag) and use get_attribute('href') to get the link from the tag.

.at(0) is not a part of XPath expression here and you can not use it with Selenium.
In the expression you showing in your question the $x is applied on the "//div[@class='card-info__container']/div[3]/a" Xpath expression and then .at(0) is applied on the result of the previous action.
UPD
So, in order to locate the first "Download Datasheet" button you can use this XPath locator:

For an XPath that returns a list of elements,

You can pass the state currentClickedGame in both the child components for handling the ID. You can't pass props on components in the same level or from child to parent as react follows unidirectional data flow .Also, instead of passing the handleClick from Homepage you can manage it inside Card component itself and set setCurrentView from there. I've drilled props to 2 levels, consider using context in a more complex case

You can overcome the 403 error in this case by:

.card-container needs min-height: 100vh; instead of height: 100vh;

You can not have same name infoCard for data property and method, change one and then try.

I've changed your code using moment features and it shows correctly in this link.

When you call tag.findAll it creates a ResultSet with all three values saved. You can then access each one using the index number, as shown below.