MED-197: add tooltip to default package feature

app/home/(user)/_components/default-package-features-rows.tsx

@@ -1,18 +1,29 @@
+'use client';
+
 import React from 'react';
 
+import { InfoTooltip } from '@/packages/shared/src/components/ui/info-tooltip';
+import { QuestionMarkCircledIcon } from '@radix-ui/react-icons';
+
 import { Trans } from '@kit/ui/makerkit/trans';
 import { TableCell, TableRow } from '@kit/ui/shadcn/table';
 
-import { withI18n } from '~/lib/i18n/with-i18n';
-
-import { CheckWithBackground } from './compare-packages-modal';
+import { CheckWithBackground } from './check-with-background';
 
 const DefaultPackageFeaturesRows = () => {
   return (
     <>
       <TableRow key="digital-doctor-feedback">
-        <TableCell className="max-w-[30vw] py-6">
+        <TableCell className="relative max-w-[30vw] py-6">
           <Trans i18nKey="order-analysis-package:digitalDoctorFeedback" />
+          <InfoTooltip
+            content={
+              <Trans i18nKey="order-analysis-package:digitalDoctorFeedbackInfo" />
+            }
+            icon={
+              <QuestionMarkCircledIcon className="absolute top-2 right-0 size-5 sm:static sm:ml-2 sm:size-4" />
+            }
+          />
         </TableCell>
         <TableCell align="center" className="py-6">
           <CheckWithBackground />
@@ -43,4 +54,4 @@ const DefaultPackageFeaturesRows = () => {
   );
 };
 
-export default withI18n(DefaultPackageFeaturesRows);
+export default DefaultPackageFeaturesRows;