Refactor Layout and TaskFormPage components to use full width for improved layout consistency. This change enhances responsiveness and ensures better alignment of UI elements.

src/pages/tasks/TaskFormPage.tsx

@@ -117,7 +117,7 @@ export const TaskFormPage: React.FC = () => {
   const isLoading = isCreating || isUpdating
 
   return (
-    <Box>
+    <Box w="100%">
       <Heading mb={6}>{isEdit ? t('challenge.admin.tasks.edit.title') : t('challenge.admin.tasks.create.title')}</Heading>
 
       <Box
@@ -129,6 +129,7 @@ export const TaskFormPage: React.FC = () => {
         boxShadow="sm"
         borderWidth="1px"
         borderColor="gray.200"
+        w="100%"
       >
         <VStack gap={6} align="stretch">
           {/* Title */}