fix: layout shift issue in dropdown modal

src/features/tasks/components/data-table-row-actions.tsx

@@ -27,7 +27,7 @@ export function DataTableRowActions<TData>({
   const task = taskSchema.parse(row.original)
 
   return (
-    <DropdownMenu>
+    <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
         <Button
           variant='ghost'

src/features/tasks/components/data-table-view-options.tsx

@@ -18,7 +18,7 @@ export function DataTableViewOptions<TData>({
   table,
 }: DataTableViewOptionsProps<TData>) {
   return (
-    <DropdownMenu>
+    <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
         <Button
           variant='outline'

src/features/users/components/data-table-row-actions.tsx

@@ -21,7 +21,7 @@ export function DataTableRowActions({ row }: DataTableRowActionsProps) {
   const { setOpen, setCurrentRow } = useUsersContext()
   return (
     <>
-      <DropdownMenu>
+      <DropdownMenu modal={false}>
         <DropdownMenuTrigger asChild>
           <Button
             variant='ghost'

src/features/users/components/data-table-view-options.tsx

@@ -18,7 +18,7 @@ export function DataTableViewOptions<TData>({
   table,
 }: DataTableViewOptionsProps<TData>) {
   return (
-    <DropdownMenu>
+    <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
         <Button
           variant='outline'