B2B-99: add package comparison modal (#27)

* B2B-99: add pacakge comparison modal

* B2B-99: add package comparison modal

---------

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

app/select-package/page.tsx

@@ -20,6 +20,7 @@ import { MedReportLogo } from '../../components/med-report-logo';
 import { PackageHeader } from '../../components/package-header';
 import { ButtonTooltip } from '../../components/ui/button-tooltip';
 import pathsConfig from '../../config/paths.config';
+import ComparePackagesModal from '../home/(user)/_components/compare-packages-modal';
 
 export const generateMetadata = async () => {
   const { t } = await createI18nServerInstance();
@@ -63,10 +64,14 @@ async function SelectPackagePage() {
       <MedReportLogo />
       <div className="space-y-3 text-center">
         <h3>{t('marketing:selectPackage')}</h3>
-        <Button variant="secondary" className="gap-2">
-          {t('marketing:comparePackages')}
-          <Scale className="size-4 stroke-[1.5px]" />
-        </Button>
+        <ComparePackagesModal
+          triggerElement={
+            <Button variant="secondary" className="gap-2">
+              {t('marketing:comparePackages')}
+              <Scale className="size-4 stroke-[1.5px]" />
+            </Button>
+          }
+        />
       </div>
       <div className="grid grid-cols-3 gap-6">
         {dummyCards.map(