Form isnt seen in Netlify dashboard from Gatsby site

That looks fine to me! In some cases, we have seen conflicts with the encoding function and the spread (...) operator:

But that doesn’t seem to be the issue here.

I should have caught this earlier, so my apologies, but one thing to try would be removing this line:
<input type="hidden" name="form-name" value="checkout-form" />

We will automatically add that hidden field. The fact that you have added it may be why it was never “registered” in our database. Let us know if that works for you.