use filepicker component within filebody and response example filebody

packages/bruno-app/src/components/RequestPane/FileBody/StyledWrapper.js

@@ -59,6 +59,7 @@ const Wrapper = styled.div`
     cursor: pointer;
     position: relative;
     top: 1px;
+    accent-color: ${(props) => props.theme.primary.solid};
   }
 `;
 

packages/bruno-app/src/components/RequestPane/FileBody/index.js

@@ -102,6 +102,7 @@ const FileBody = ({ item, collection }) => {
                             'filePath'
                           )}
                         collection={collection}
+                        displayMode="labelAndIcon"
                       />
                     </td>
                     <td>

packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleFileBody/index.js

@@ -120,6 +120,7 @@ const ResponseExampleFileBody = ({ item, collection, exampleUid, editMode = fals
           onChange={(newPath) => handleFilePathChange(row, newPath, onChange)}
           collection={collection}
           readOnly={!editMode}
+          displayMode="labelAndIcon"
         />
       )
     },