Outlook Add-in Pin option in task pane

We are developing outlook add-in and wanted to have pin option like we have in viva insight plugin which will allow user to keep the plugin open even if we switch to another email.

this is our current manifestxml looks like this:

<?xml version="1.0" encoding="UTF-8"?>
<!--Created:ce44715c-8c4e-446b-879c-ea9ebe0f09c8-->
<OfficeApp
          xmlns="http://schemas.microsoft.com/office/appforoffice/1.1"
          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
          xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0"
          xmlns:mailappor="http://schemas.microsoft.com/office/mailappversionoverrides/1.0"
          xsi:type="MailApp">

    <!-- Begin Basic Settings: Add-in metadata, used for all versions of Office unless override provided. -->

    <!-- IMPORTANT! Id must be unique for your add-in, if you reuse this manifest ensure that you change this id to a new GUID. -->
    <Id>f0885545-****-****-****-830c41eee412</Id>

    <!--Version. Updates from the store only get triggered if there is a version change. -->
    <Version>1.0.0.0</Version>
    <ProviderName>[Provider name]</ProviderName>
    <DefaultLocale>en-US</DefaultLocale>
    <!-- The display name of your add-in. Used on the store and various places of the Office UI such as the add-ins dialog. -->
    <DisplayName DefaultValue="Outlook AddIn" />
    <Description DefaultValue="OutlookAddIns Description"/>
    <IconUrl DefaultValue="https://localhost:7122/Images/icon64.png"/>

    <SupportUrl DefaultValue="http://www.contoso.com" />
    <!-- Domains that will be allowed when navigating. For example, if you use ShowTaskpane and then have an href link, navigation will only be allowed if the domain is on this list. -->
    <AppDomains>
        <AppDomain>AppDomain1</AppDomain>
        <AppDomain>AppDomain2</AppDomain>
        <AppDomain>AppDomain3</AppDomain>
    </AppDomains>
    <!--End Basic Settings. -->

    <Hosts>
        <Host Name="Mailbox" />
    </Hosts>
    <Requirements>
        <Sets>
            <Set Name="Mailbox" MinVersion="1.1" />
        </Sets>
    </Requirements>
    <FormSettings>
        <Form xsi:type="ItemRead">
            <DesktopSettings>
                <SourceLocation DefaultValue="https://localhost:7122/"/>
                <RequestedHeight>250</RequestedHeight>
            </DesktopSettings>
        </Form>
    </FormSettings>

    <Permissions>ReadWriteItem</Permissions>
    <Rule xsi:type="RuleCollection" Mode="Or">
        <Rule xsi:type="ItemIs" ItemType="Message" FormType="Read" />
    </Rule>
    <DisableEntityHighlighting>false</DisableEntityHighlighting>

    <VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides" xsi:type="VersionOverridesV1_0">
        <Requirements>
            <bt:Sets DefaultMinVersion="1.3">
                <bt:Set Name="Mailbox" />
            </bt:Sets>
        </Requirements>
        <Hosts>
            <Host xsi:type="MailHost">

                <DesktopFormFactor>
                    <!-- Location of the Functions that UI-less buttons can trigger (ExecuteFunction Actions). -->
                    <!--<FunctionFile resid="functionFile" />-->

                    <!-- Message Read -->
                    <ExtensionPoint xsi:type="MessageReadCommandSurface">
                        <!-- Use the default tab of the ExtensionPoint or create your own with <CustomTab id="myTab"> -->
                        <OfficeTab id="TabDefault">
                            <!-- Up to 6 Groups added per Tab -->
                            <Group id="msgReadGroup">
                                <Label resid="groupLabel" />

                                <!-- Launch the add-in : task pane button -->
                                <Control xsi:type="Button" id="msgReadOpenPaneButton">
                                    <Label resid="paneReadButtonLabel" />
                                    <Supertip>
                                        <Title resid="paneReadSuperTipTitle" />
                                        <Description resid="paneReadSuperTipDescription" />
                                    </Supertip>
                                    <Icon>
                                        <bt:Image size="16" resid="icon16" />
                                        <bt:Image size="32" resid="icon32" />
                                        <bt:Image size="80" resid="icon80" />
                                    </Icon>
                                    <Action xsi:type="ShowTaskpane">
                                        <SourceLocation resid="messageReadTaskPaneUrl" />
                                    </Action>
                                </Control>
                                <!-- Go to http://aka.ms/ButtonCommands to learn how to add more Controls: ExecuteFunction and Menu -->
                            </Group>
                        </OfficeTab>
                    </ExtensionPoint>
                    <!-- Go to http://aka.ms/ExtensionPointsCommands to learn how to add more Extension Points: MessageRead, AppointmentOrganizer, AppointmentAttendee -->
                </DesktopFormFactor>
            </Host>
        </Hosts>

        <Resources>
            <bt:Images>
                <bt:Image id="icon16" DefaultValue="https://localhost:7122/Images/icon16.png"/>
                <bt:Image id="icon32" DefaultValue="https://localhost:7122/Images/icon32.png"/>
                <bt:Image id="icon80" DefaultValue="https://localhost:7122/Images/icon80.png"/>
            </bt:Images>
            <bt:Urls>
                <!--<bt:Url id="functionFile" DefaultValue="https://localhost:7122/Functions/FunctionFile.html"/>-->
                <bt:Url id="messageReadTaskPaneUrl" DefaultValue="https://localhost:7122/home/index"/>
            </bt:Urls>
            <bt:ShortStrings>
                <bt:String id="groupLabel" DefaultValue=Add-in Group"/>
                <bt:String id="customTabLabel"  DefaultValue="Add-in Tab"/>
                <bt:String id="paneReadButtonLabel" DefaultValue="Add-in"/>
                <bt:String id="paneReadSuperTipTitle" DefaultValue="Get all properties"/>
            </bt:ShortStrings>
            <bt:LongStrings>
                <bt:String id="paneReadSuperTipDescription" DefaultValue="Opens a pane displaying all available properties. "/>
            </bt:LongStrings>
        </Resources>
        
    </VersionOverrides>
</OfficeApp>

I tried adding this (https://learn.microsoft.com/en-us/office/dev/add-ins/outlook/pinnable-taskpane?tabs=xmlmanifest)

<Action xsi:type="ShowTaskpane">
    <SourceLocation resid="readTaskPaneUrl" />
    **<SupportsPinning>true</SupportsPinning>**
  </Action>

but throws error as:

Also updating the versionoverides but no luck

<VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides/1.1" xsi:type="VersionOverridesV1_1">

Looking for some inputs.

The Implement a pinnable task pane in Outlook article you have pointed to in your description is the great resource to start. Mostly this is what you need to accomplish your task. Just read the article once again more carefully. In the example they stated ...

The element is defined in the VersionOverrides v1.1 schema, so you will need to include a VersionOverrides element both for v1.0 and v1.1.

This means that the pinning feature is available in v.1.1 VersionOverrides element, but this element on it's own must be the child of v.1.0 VersionOverrides element. You may read more on Version overrides in the manifest and follow the example provided ...

<VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides" xsi:type="VersionOverridesV1_0">
  <!-- Other child elements are omitted. -->
  <VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides/1.1" xsi:type="VersionOverridesV1_1">
    <!-- Child elements are omitted. -->
  </VersionOverrides>
</VersionOverrides>