MED-151: add profile view and working smoking dashboard card (#71)

* MED-151: add profile view and working smoking dashboard card

* update zod

* move some components to shared

* move some components to shared

* remove console.logs

* remove unused password form components

* only check null for variant

* use pathsconfig

packages/shared/src/components/select-analysis-package.tsx

@@ -21,6 +21,7 @@ import {
 import { Trans } from '@kit/ui/trans';
 import { ButtonTooltip } from './ui/button-tooltip';
 import { PackageHeader } from './package-header';
+import { pathsConfig } from '../config';
 
 export type AnalysisPackageWithVariant = Pick<StoreProduct, 'title' | 'description' | 'subtitle' | 'metadata'> & {
   variantId: string;
@@ -57,7 +58,7 @@ export default function SelectAnalysisPackage({
       });
       setIsAddingToCart(false);
       toast.success(<Trans i18nKey={'order-analysis-package:analysisPackageAddedToCart'} />);
-      router.push('/home/cart');
+      router.push(pathsConfig.app.cart);
     } catch (e) {
       toast.error(<Trans i18nKey={'order-analysis-package:analysisPackageAddToCartError'} />);
       setIsAddingToCart(false);

packages/shared/src/components/sign-out-dropdown-item.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+import { DropdownMenuItem } from "@kit/ui/dropdown-menu";
+import { Trans } from "@kit/ui/trans";
+import { LogOut } from "lucide-react";
+
+export default function SignOutDropdownItem(
+  props: React.PropsWithChildren<{
+    onSignOut: () => unknown;
+  }>,
+) {
+  return (
+    <DropdownMenuItem
+      className={'flex h-12 w-full items-center space-x-4'}
+      onClick={props.onSignOut}
+    >
+      <LogOut className={'h-6'} />
+
+      <span>
+        <Trans i18nKey={'common:signOut'} defaults={'Sign out'} />
+      </span>
+    </DropdownMenuItem>
+  );
+}

packages/shared/src/components/ui/dropdown-link.tsx

@@ -0,0 +1,33 @@
+'use client'
+
+import { DropdownMenuItem } from "@kit/ui/dropdown-menu";
+import { Trans } from "@kit/ui/trans";
+import Link from "next/link";
+
+export default function DropdownLink(
+  props: React.PropsWithChildren<{
+    path: string;
+    label: string;
+    labelOptions?: Record<string, any>;
+    Icon?: React.ReactNode;
+  }>,
+) {
+  return (
+    <DropdownMenuItem asChild key={props.path}>
+      <Link
+        href={props.path}
+        className={'flex h-12 w-full items-center space-x-4'}
+      >
+        {props.Icon}
+
+        <span>
+          <Trans
+            i18nKey={props.label}
+            defaults={props.label}
+            values={props.labelOptions}
+          />
+        </span>
+      </Link>
+    </DropdownMenuItem>
+  );
+}