chore: updated with gap instead of margin

Author: krithika7402

ui/src/app/pages/edit-solution/edit-solution.component.html

@@ -67,10 +67,9 @@ <h1 class="font-semibold">
 
         <div class="flex items-center justify-between mt-4">
           <div class="flex-col">
-            <div class="flex items-center">
+            <div class="flex items-center gap-2">
               <app-multi-upload
                 *ngIf="mode === 'add'"
-                class="mr-2"
                 (fileContent)="handleFileContent($event)"
               ></app-multi-upload>
               <app-button

ui/src/app/pages/edit-user-stories/edit-user-stories.component.html

@@ -81,10 +81,9 @@ <h1 class="text-normal font-semibold mb-4">
         </div>
         <div class="flex items-center justify-between mt-4">
           <div class="flex-col">
-            <div class="flex items-center">
+            <div class="flex items-center gap-2">
               <app-multi-upload
                 *ngIf="mode === 'add'"
-                class="mr-2"
                 (fileContent)="handleFileContent($event)"
               ></app-multi-upload>
               <app-button

ui/src/app/pages/tasks/add-task/add-task.component.html

@@ -60,10 +60,9 @@ <h1 class="text-normal font-semibold mb-4">
         <app-error-message [errorControl]="taskForm.get('acceptance')" />
 
         <div class="flex items-center justify-between mt-4">
-          <div class="flex items-center">
+          <div class="flex items-center gap-2">
             <app-multi-upload
               *ngIf="mode === 'add'"
-              class="mr-2"
               (fileContent)="handleFileContent($event)"
             />
             <app-button