Swap onboarding cards

src/pages/onboarding/Onboarding.tsx

@@ -59,14 +59,14 @@ export function OnboardingPage() {
         </Paragraph>
 
         <div className="w-full flex flex-col-reverse md:flex-row gap-3">
-          <Card onClick={() => navigate("/onboarding/proxy")}>
+          <Card onClick={() => navigate("/onboarding/extension")}>
             <CardContent
-              colorClass="!text-onboarding-good"
-              title={t("onboarding.start.options.proxy.title")}
-              subtitle={t("onboarding.start.options.proxy.quality")}
-              description={t("onboarding.start.options.proxy.description")}
+              colorClass="!text-onboarding-best"
+              title={t("onboarding.start.options.extension.title")}
+              subtitle={t("onboarding.start.options.extension.quality")}
+              description={t("onboarding.start.options.extension.description")}
             >
-              <Link>{t("onboarding.start.options.proxy.action")}</Link>
+              <Link>{t("onboarding.start.options.extension.action")}</Link>
             </CardContent>
           </Card>
           <div className="hidden md:grid grid-rows-[1fr,auto,1fr] justify-center gap-4">
@@ -74,14 +74,14 @@ export function OnboardingPage() {
             <span className="text-xs uppercase font-bold">or</span>
             <VerticalLine />
           </div>
-          <Card onClick={() => navigate("/onboarding/extension")}>
+          <Card onClick={() => navigate("/onboarding/proxy")}>
             <CardContent
-              colorClass="!text-onboarding-best"
-              title={t("onboarding.start.options.extension.title")}
-              subtitle={t("onboarding.start.options.extension.quality")}
-              description={t("onboarding.start.options.extension.description")}
+              colorClass="!text-onboarding-good"
+              title={t("onboarding.start.options.proxy.title")}
+              subtitle={t("onboarding.start.options.proxy.quality")}
+              description={t("onboarding.start.options.proxy.description")}
             >
-              <Link>{t("onboarding.start.options.extension.action")}</Link>
+              <Link>{t("onboarding.start.options.proxy.action")}</Link>
             </CardContent>
           </Card>
         </div>