B2B-98: add package selection page (#26)

* B2B-98: add packages

* B2B-98: add packages

* rename page

* use config path instead of hardcoded

* add link to successful registration

---------

Co-authored-by: Helena <helena@Helenas-MacBook-Pro.local>

components/package-header.tsx

@@ -0,0 +1,31 @@
+import { formatCurrency } from "@kit/shared/utils";
+import { Badge } from "@kit/ui/badge";
+import { cn } from "@kit/ui/utils";
+
+export const PackageHeader = ({
+  title,
+  tagColor,
+  analysesNr,
+  language,
+  price,
+}: {
+  title: string;
+  tagColor: string;
+  analysesNr: string;
+  language: string;
+  price: string | number;
+}) => {
+  return (
+    <div className="space-y-1 text-center">
+      <p className="font-medium">{title}</p>
+      <Badge className={cn('text-xs', tagColor)}>{analysesNr}</Badge>
+      <h2>
+        {formatCurrency({
+          currencyCode: 'eur',
+          locale: language,
+          value: price,
+        })}
+      </h2>
+    </div>
+  );
+};