💄add time range tooltip to explain it better

src/components/LogDataTable.tsx

@@ -32,6 +32,12 @@ import {
 } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { useEffect, useMemo, useState } from "react";
+import {
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger
+} from "./ui/tooltip";
 
 type TabFilter = {
     id: string;
@@ -351,8 +357,13 @@ export function LogDataTable<TData, TValue>({
                             </Button>
                         )}
                         {onExport && (
+                            <TooltipProvider>
+                                <Tooltip>
+                                    <TooltipTrigger asChild>
                                         <Button
-                                onClick={() => !disabled && onExport()}
+                                            onClick={() =>
+                                                !disabled && onExport()
+                                            }
                                             disabled={isExporting || disabled}
                                         >
                                             {isExporting ? (
@@ -362,6 +373,12 @@ export function LogDataTable<TData, TValue>({
                                             )}
                                             {t("exportCsv")}
                                         </Button>
+                                    </TooltipTrigger>
+                                    <TooltipContent>
+                                        {t("exportCsvTooltip")}
+                                    </TooltipContent>
+                                </Tooltip>
+                            </TooltipProvider>
                         )}
                     </div>
                 </CardHeader>