You need to make the header and data row, columns field to make hidden and along with that you need to adjust the table column width. There is property columnWidths.   You need to adjust the column width as per your requirement. eg: this.columnWidths = "10mm 11mm, 12mm, ....."; like this.   For the ...

You can add below snippet in initialize event of the field. this.assist.toolTip = "Hello tooltip";

So my question is there should be some condition on which you need to hide the logo on some pages. Can you please apply that condition on the footer in the javascript code?

Saving each individual pdf per record in the xml data is possible through AEM forms output service, you will not achieve this with AEM designer.

Go through this, its very simple https://help.adobe.com/en_US/livecycle/10.0/DesignerHelp/WS107c29ade9134a2c136ae6f212a1f379c94-8000.html  

Refer below: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-forms/designer-uninstall-issue/td-p/422526

Take 2 master pages, on the first master page take your wider header and on the second master page other header.   And restrict the first  master page occurrence to first page only by setting the master page property " Restrict Page Occurrence" > Min Count to 1

In FDM, you can test your services after creating the FDM. Have you tested your service there? If yes, is it fetching the expected data?

On git changes, you can create the pipeline in Cloud Manager. refer this: https://experienceleague.adobe.com/docs/experience-manager-learn/cloud-service/cloud-manager/cicd-production-pipeline.html?lang=en  

Check if your value is a type of string.