🪟 ☁️ Free alpha/beta connectors pills

[ambirdsall]

What

Adds free tag to alpha/beta status pills for enrolled users (largely courtesy of #21526); also adds an SVG of the free pills to the modal header. Closes #21228.

How

• cherry-picked @josephkmh's WIP free pill implementation onto the email verification branch to stay in sync with the latest feature code
• updated useFreeConnectorProgram to pass a (LaunchDarkly-flag-guarded) boolean for enrollment status alongside the boolean to show enrollment UI
• used that new value in ReleaseStageBadge's conditional
• exported the free pills SVG from Figma and imported them in the modal header
  • because the exported SVG wasn't vertically-centered, there's an ad hoc margin-top: 2em to make it look nice.

One last issue that cropped up: by making the ReleaseStageBadge component depend on useFreeConnectorProgram, it added a whole slew of (partially cloud-specific) providers that needed to be added to

airbyte/airbyte-webapp/src/views/Connector/ConnectorForm/components/FrequentlyUsedConnectors/FrequentlyUsedConnectorsCard.test.tsx

Lines 11 to 13 in 59ecaea

	<IntlProvider locale="en" messages={en}>
	<FrequentlyUsedConnectorsCard {...props} />
	</IntlProvider>

to get tests passing. Out of expedience, since the free pills are much lower priority than testing the core enrollment flows, I removed that logic: now ReleaseStageBadge accepts showFreeTag as a "dumb" prop, making it the responsibility of the components that use it to figure out whether free tags are appropriate.

[josephkmh]

Looks good! I tested it locally ✨

[teallarson]

This can probably be the same in both CreditsPage and ConnectionTitlePage if we just rename the variable showEnrollmentUi... No real strong feeling in how we do it.

[ambirdsall]

Just need a rebase to remove conflicts again and this is good to go. My kingdom for a setting to enable rerere on github 😫.

EDIT: There were more conflicts than expected, but the resolution was clean. Comparing the post-resolution state to the prior branch SHA, the only frontend change in the end state is from an unrelated commit pulled in from master:

┌ ~/c/airbyte (alex+joey/free-ab-connectors-pill|✔) 🌗 f87699518d3
└➣ g diff HEAD..afaf85028f7 -- airbyte-webapp/
diff --git a/airbyte-webapp/src/pages/connections/ConnectionSettingsPage/ConnectionSettingsPage.tsx b/airbyte-webapp/src/pages/connections/ConnectionSettingsPage/ConnectionSettingsPage.tsx
index 49b07342ebb..0663166e8ee 100644
--- a/airbyte-webapp/src/pages/connections/ConnectionSettingsPage/ConnectionSettingsPage.tsx
+++ b/airbyte-webapp/src/pages/connections/ConnectionSettingsPage/ConnectionSettingsPage.tsx
@@ -19,8 +19,7 @@ export const ConnectionSettingsPageInner: React.FC = () => {
   const { connection } = useConnectionEditService();
   const { mutateAsync: deleteConnection } = useDeleteConnection();
   const canUpdateDataResidency = useFeature(FeatureItem.AllowChangeDataGeographies);
-  // TODO: Disabled until feature is implemented in backend
-  const canSendSchemaUpdateNotifications = false; // useFeature(FeatureItem.AllowAutoDetectSchema);
+  const allowAutoDetectSchema = useFeature(FeatureItem.AllowAutoDetectSchema);

   const [isAdvancedMode] = useAdvancedModeSetting();
   useTrackPage(PageTrackingCodes.CONNECTIONS_ITEM_SETTINGS);
@@ -28,7 +27,7 @@ export const ConnectionSettingsPageInner: React.FC = () => {

   return (
     <div className={styles.container}>
-      {canSendSchemaUpdateNotifications && <SchemaUpdateNotifications />}
+      {allowAutoDetectSchema && <SchemaUpdateNotifications />}
       {canUpdateDataResidency && <UpdateConnectionDataResidency />}
       {isAdvancedMode && <StateBlock connectionId={connection.connectionId} />}
       <DeleteBlock type="connection" onDelete={onDelete} />