feat(subscriptions): added polar as payment provider for subscriptions

* feature(dashboard): add polar / subscription

* wip(payments): manage subscription

* wip(payments): add free product, faq and some other improvements

* fix(root): change node to bundler in tsconfig

* wip(payments): display current subscription

* feat(dashboard): schedule project for deletion

* wip(payments): support custom products/subscriptions

* wip(payments): fix polar scripts

* wip(payments): add json package to dockerfiles

apps/dashboard/src/components/page-tabs.tsx

@@ -1,5 +1,9 @@
+'use client';
+
 import { cn } from '@/utils/cn';
+import { motion } from 'framer-motion';
 import Link from 'next/link';
+import { useState } from 'react';
 
 export function PageTabs({
   children,
@@ -27,15 +31,23 @@ export function PageTabsLink({
   isActive?: boolean;
 }) {
   return (
-    <Link
-      className={cn(
-        'inline-block opacity-100 transition-transform hover:translate-y-[-1px]',
-        isActive ? 'opacity-100' : 'opacity-50',
+    <div className="relative">
+      <Link
+        className={cn(
+          'inline-block opacity-100 transition-transform hover:translate-y-[-1px]',
+          isActive ? 'opacity-100' : 'opacity-50',
+        )}
+        href={href}
+      >
+        {children}
+      </Link>
+      {isActive && (
+        <motion.div
+          className="rounded-full absolute -bottom-1 left-0 right-0 h-0.5 bg-primary"
+          layoutId={'page-tabs-link'}
+        />
       )}
-      href={href}
-    >
-      {children}
-    </Link>
+    </div>
   );
 }