fix: layout wrap issue in tasks page on mobile

src/features/tasks/index.tsx

@@ -34,7 +34,7 @@ export default function Tasks() {
       </Header>
 
       <Main>
-        <div className='mb-2 flex items-center justify-between space-y-2'>
+        <div className='mb-2 flex items-center justify-between space-y-2 flex-wrap gap-x-4'>
           <div>
             <h2 className='text-2xl font-bold tracking-tight'>Tasks</h2>
             <p className='text-muted-foreground'>