improve(public): list all prices instead of slider + rewrite article

apps/public/components/ui/accordion.tsx

@@ -31,7 +31,7 @@ const AccordionTrigger = ({
 }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
   ref?: React.RefObject<React.ElementRef<typeof AccordionPrimitive.Trigger>>;
 }) => (
-  <AccordionPrimitive.Header className="flex">
+  <AccordionPrimitive.Header className="flex not-prose">
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
@@ -57,10 +57,17 @@ const AccordionContent = ({
 }) => (
   <AccordionPrimitive.Content
     ref={ref}
-    className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    className="overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
     {...props}
   >
-    <div className={cn('pb-4 pt-0', className)}>{children}</div>
+    <div
+      className={cn(
+        'pb-4 pt-0 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0',
+        className,
+      )}
+    >
+      {children}
+    </div>
   </AccordionPrimitive.Content>
 );
 

apps/public/components/ui/tooltip.tsx

@@ -11,6 +11,8 @@ const Tooltip = TooltipPrimitive.Root;
 
 const TooltipTrigger = TooltipPrimitive.Trigger;
 
+const TooltipPortal = TooltipPrimitive.Portal;
+
 const TooltipContent = ({
   ref,
   className,
@@ -32,3 +34,20 @@ const TooltipContent = ({
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+
+export const Tooltiper = ({
+  children,
+  content,
+  delayDuration = 0,
+
+  ...props
+}: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {
+  delayDuration?: number;
+}) => (
+  <Tooltip delayDuration={delayDuration}>
+    <TooltipTrigger asChild>{children}</TooltipTrigger>
+    <TooltipPortal>
+      <TooltipContent {...props}>{content}</TooltipContent>
+    </TooltipPortal>
+  </Tooltip>
+);