Refactor: Update tick-circle-icon.svg to use a stroked circle and adjusted tick mark path and styling.

src/app/(agent)/agent/settings/billings/checkout/page.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { SettingsSidebar } from '@/components/settings';
+import { PaymentCheckoutForm } from '@/components/settings/PaymentCheckoutForm';
+
+export default function CheckoutPage() {
+  return (
+    <div className="flex flex-col lg:flex-row gap-6">
+      {/* Left Sidebar */}
+      <SettingsSidebar basePath="/agent/settings" />
+
+      {/* Main Content */}
+      <div className="flex-1">
+        <PaymentCheckoutForm />
+      </div>
+    </div>
+  );
+}