improvement: QRcode and shared link added to cases inorder to make it possible for staff users to share a case info with other staffs or other clinics.

frontend/src/components/ui/lab/LabCaseShareQrCode.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import QRCode from 'react-qr-code';
+
+interface LabCaseShareQrCodeProps {
+  value: string;
+  size?: number;
+  className?: string;
+}
+
+export function LabCaseShareQrCode({ value, size = 128, className }: LabCaseShareQrCodeProps) {
+  return (
+    <QRCode
+      value={value}
+      size={size}
+      level="M"
+      className={className}
+      style={{ height: 'auto', maxWidth: '100%', width: '100%' }}
+    />
+  );
+}