The Drafts and Submissions component  should be added to an AEM page somewhere as a normal content page. When a user logs in, they will then browse to this page and they should see a list of any forms that they have previously saved. You can then click on the one you want and it should open up with the saved data.
You should be able to author then publish this page like any other AEM page using this component.
You need to be aware that other users will also have to be logged into the Publish instance for the component to work as it has to identify who is saving/retrieving the form data. This usually means you have to build an authentication mechanism into Publish if it doesnt exist already.
This is working as designed. Consider an example you are filling a form in a Bank or enrollment form; the moment you hit back or refresh the data would be gone as it would load a new instance of the form and it would be blank. Ideally, the saved form should be accessed via drafts and submissions component. This use case has been discussed previously also at https://forums.adobe.com/message/9561950#9561950