sorted activity list in ascedning order.

src/components/Project/Infrastructure/TaskModel.jsx

@@ -114,7 +114,7 @@ const TaskModel = ({
 
   const onSubmitForm = async (data) => {
     setIsSubmitting(true);
-    await onSubmit(data); 
+    await onSubmit(data);
     reset({
       buildingID: data.buildingID,
       floorId: data.floorId,
@@ -125,7 +125,6 @@ const TaskModel = ({
     });
     setIsSubmitting(false);
   };
-  
 
   const resetForm = () => {
     setFormData(defaultModel);
@@ -189,7 +188,8 @@ const TaskModel = ({
                     <option value="0">Select Floor</option>
                     {selectedBuilding.floors.map((floor) => (
                       <option key={floor.id} value={floor.id}>
-                        {floor.floorName} - ({floor.workAreas.length} Work Areas)
+                        {floor.floorName} - ({floor.workAreas.length} Work
+                        Areas)
                       </option>
                     ))}
                   </select>
@@ -237,11 +237,15 @@ const TaskModel = ({
                     onChange={handleActivityChange}
                   >
                     <option value="0">Select Activity</option>
-                    {activities.map((activity) => (
-                      <option key={activity.id} value={activity.id}>
-                        {activity.activityName}
-                      </option>
-                    ))}
+                    {activities?.slice() 
+                      .sort((a, b) =>
+                        a.activityName.localeCompare(b.activityName)
+                      ) 
+                      ?.map((activity) => (
+                        <option key={activity.id} value={activity.id}>
+                          {activity.activityName}
+                        </option>
+                      ))}
                   </select>
                   {errors.activityID && (
                     <p className="danger-text">{errors.activityID.message}</p>