fix mobile

apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/route.tsx

@@ -64,6 +64,7 @@ import { createSearch } from '@repo/util/meili'
 import { Await } from 'react-router'
 import { cn } from '@repo/ui/lib/utils'
 import Fuse from 'fuse.js'
+import { useIsMobile } from '@repo/ui/hooks/use-mobile'
 
 const enrollment = z.object({
   user: z
@@ -455,6 +456,7 @@ function DuplicateRowMultipleTimes({
   duplicateRow: (index: number, times: number) => void
 }) {
   const [open, { toggle, set }] = useToggle()
+  const isMobile = useIsMobile()
 
   return (
     <Popover open={open} onOpenChange={toggle}>
@@ -469,7 +471,7 @@ function DuplicateRowMultipleTimes({
         </Button>
       </PopoverTrigger>
 
-      <PopoverContent align="end" className="w-80">
+      <PopoverContent align={isMobile ? 'start' : 'end'} className="w-80">
         <form
           onSubmit={(e) => {
             e.stopPropagation()