fix hidden dateRangePicker behind TableHeader

apps/web/pages/settings/my-account/out-of-office/index.tsx

@@ -182,10 +182,10 @@ const OutOfOfficeEntriesList = () => {
   return (
     <div className="border-subtle mt-6 rounded-lg border">
       <TableNew className="border-0">
-        <TableHeader>
+        <TableHeader className="md:z-1">
           <TableRow>
             <TableHead className="rounded-tl-lg font-normal capitalize">{t("time_range")}</TableHead>
-            <TableHead className="font-normal">{t("username")}</TableHead>
+            <TableHead className="font-normal">{t("redirect_to")}</TableHead>
 
             <TableHead className="rounded-tr-lg font-normal">{t("action")}</TableHead>
           </TableRow>

apps/web/public/static/locales/en/common.json

@@ -2222,5 +2222,6 @@
   "add_a_redirect": "Add a redirect",
   "create_entry": "Create entry",
   "time_range": "Time range",
+  "redirect_to": "Redirect to",
   "ADD_NEW_STRINGS_ABOVE_THIS_LINE_TO_PREVENT_MERGE_CONFLICTS": "↑↑↑↑↑↑↑↑↑↑↑↑↑ Add your new strings above here ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑"
 }