Use shadcn Tooltip Components across FacilityCard

public/locale/en.json

@@ -991,6 +991,7 @@
   "notification_cancelled": "Notification cancelled",
   "notification_permission_denied": "Notification permission denied",
   "notification_permission_granted": "Notification permission granted",
+  "notify": "Notify",
   "number_of_aged_dependents": "Number of Aged Dependents (Above 60)",
   "number_of_beds": "Number of beds",
   "number_of_beds_out_of_range_error": "Number of beds cannot be greater than 100",

src/components/Facility/FacilityCard.tsx

@@ -226,22 +226,28 @@ export const FacilityCard = (props: {
                         id="facility-notify"
                         ghost
                         border
-                        className="h-[38px]"
+                        className="h-[38px] tooltip"
                         onClick={(_) => setNotifyModalFor(facility.id)}
                       >
                         <CareIcon icon="l-megaphone" className="text-lg" />
-                        <span className="hidden md:block">Notify</span>
+                        <span className="hidden md:block">{t("notify")}</span>
+                        <span className="tooltip-text tooltip-top md:hidden">
+                          {t("notify")}
+                        </span>
                       </ButtonV2>
                     )}
                     <ButtonV2
                       href={`/facility/${facility.id}`}
                       id="facility-details"
                       border
                       ghost
-                      className="h-[38px]"
+                      className="tooltip h-[38px]"
                     >
                       <CareIcon icon="l-hospital" className="text-lg" />
-                      <span className="hidden md:inline">
+                      <span className="hidden sm:inline">
+                        {t("view_faciliy")}
+                      </span>
+                      <span className="tooltip-text tooltip-top sm:hidden">
                         {t("view_faciliy")}
                       </span>
                     </ButtonV2>