Update UI styling and add checkout redirect ability

This commit does two main things. First, it refactors UI styling in the alert component, changing the location of some utility classes and enhancing color gradients for different alert variants. Second, it introduces the ability to specify whether to redirect to checkout on the pricing page, thereby improving user experience. This adds more flexibility to the 'PricingTable' and 'CheckoutButton' components, allowing for optional redirection and enhanced configurability.

apps/web/app/(marketing)/page.tsx

@@ -272,6 +272,7 @@ function Home() {
               config={billingConfig}
               paths={{
                 signUp: pathsConfig.auth.signUp,
+                subscription: pathsConfig.app.personalAccountBilling,
               }}
             />
           </div>

apps/web/app/(marketing)/pricing/page.tsx

@@ -14,6 +14,11 @@ export const generateMetadata = async () => {
   };
 };
 
+const paths = {
+  signUp: pathsConfig.auth.signUp,
+  subscription: pathsConfig.app.personalAccountBilling,
+};
+
 async function PricingPage() {
   const { t } = await createI18nServerInstance();
 
@@ -25,7 +30,7 @@ async function PricingPage() {
       />
 
       <div className={'container mx-auto pb-8 xl:pb-16'}>
-        <PricingTable paths={pathsConfig.auth} config={billingConfig} />
+        <PricingTable paths={paths} config={billingConfig} />
       </div>
     </div>
   );