ai onboarding: Adjust the Zed Pro banner (#36452)

Release Notes:

- N/A

crates/ai_onboarding/src/ai_onboarding.rs

@@ -332,17 +332,25 @@ impl ZedAiOnboarding {
                     .mb_2(),
             )
             .child(plan_definitions.pro_plan(false))
-            .child(
+            .when_some(
-                Button::new("pro", "Continue with Zed Pro")
+                self.dismiss_onboarding.as_ref(),
-                    .full_width()
+                |this, dismiss_callback| {
-                    .style(ButtonStyle::Outlined)
+                    let callback = dismiss_callback.clone();
-                    .on_click({
+                    this.child(
-                        let callback = self.continue_with_zed_ai.clone();
+                        h_flex().absolute().top_0().right_0().child(
-                        move |_, window, cx| {
+                            IconButton::new("dismiss_onboarding", IconName::Close)
-                            telemetry::event!("Banner Dismissed", source = "AI Onboarding");
+                                .icon_size(IconSize::Small)
-                            callback(window, cx)
+                                .tooltip(Tooltip::text("Dismiss"))
-                        }
+                                .on_click(move |_, window, cx| {
-                    }),
+                                    telemetry::event!(
+                                        "Banner Dismissed",
+                                        source = "AI Onboarding",
+                                    );
+                                    callback(window, cx)
+                                }),
+                        ),
+                    )
+                },
             )
             .into_any_element()
     }