Adding custom button programatically

Hello,

I'm trying to add a button to contact page details (Contacts_FormPage), I'm currently using Creatio on cloud version 8.1.3.6734 with Freedom UI
I followed these steps:

1. Navigated to Settings > Advanced Settings
2. Created a new package, and added ProductCore dependency
3. Created a Replacing view model with the code name ContactPageV2
4. Added the code:

5. define("ContactPageV2", [], function() {
      console.log("ContactPageV2 module loaded");
      return {
          methods: {
              onGenerateLinkClick: function() {
                  console.log("Generate Link button clicked");
              }
          },
          diff: [
              {
                  "operation": "insert",
                  "name": "GenerateLinkButton",
                  "parentName": "ActionButtonsContainer",
                  "propertyName": "items",
                  "values": {
                      "itemType": Terrasoft.ViewItemType.BUTTON,
                      "caption": "Generate Link",
                      "click": {"bindTo": "onGenerateLinkClick"}
                  }
              }
          ]
      };
   });
   

6. After saving, I compiled the package
7. Emptied the cache of the browser, but nothing is showing not even the console log "ContactPageV2 module loaded"

Please help as I'm not sure what I'm doing wrong or what steps am I missing (I'm a newbie to this platform).
Thank you in advance.