createInterpolateElement is breaking backwards compatibility within Advanced filters

[louwie17]

Prerequisites (mark completed items with an [x]):

• I have checked that my issue type is not listed here https://github.com/woocommerce/woocommerce/issues/new/choose
• My issue is not a security issue, support request, bug report, enhancement or feature request (Please use the link above if it is).

Issue Description:

We are currently handling interpolation of the title attribute within the AdvancedFilters. This is also something that can be extended by plugins.
We recently replaced our interpolation function for this in this PR: #37967
which also requires a different syntax ( {{ select /}} to <select /> ). This is currently breaking backwards compatibility in other plugins. See fix in WC Pay for example: https://github.com/Automattic/woocommerce-payments/pull/6617/files

We should re-introduce interpolateComponents when the old format is used and add a deprecation warning. Otherwise we can use the new format.
It might be relatively save to replace the format on the fly with some code like this:

const tokenizerold = /(\{\{\/?\s*\w+\s*\/?\}\})/g; // taken from https://github.com/Automattic/wp-calypso/blob/trunk/packages/interpolate-components/src/tokenize.js#L30
if ( tokenizerold.exec( title ) !== null ) {
  deprecated( .... );
  newTitle = title.replaceAll(/(\{\{(\/?\s*\w+\s*\/?)\}\})/g, "<$2>") 
}

Acceptance criteria

• Advanced filters should still work with old interpolation format such as "{{title}}Status{{/title}} {{rule /}} {{filter /}}"
• If old format is used a deprecation message should show