Hide line numbers on hover and reorder file item components

- when hovered, should show actions on the very right - not before lines added/removed counts
- when hovered, should hide  added/removed lines counts

└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt
                        └── ResponsePreview
                            └── components
                                └── FileItem
                                    ├── FileItem.module.scss
                                    ├── FileItem.tsx
                                    └── index.ts

Author: robertpiosik

packages/ui/src/components/editor/prompt/ResponsePreview/components/FileItem/FileItem.module.scss

@@ -47,6 +47,10 @@
     .file__actions {
       display: flex;
     }
+
+    .file__line-numbers {
+      display: none;
+    }
   }
 
   &--selected {

packages/ui/src/components/editor/prompt/ResponsePreview/components/FileItem/FileItem.tsx

@@ -164,6 +164,18 @@ export const FileItem: FC<Props> = (props) => {
             render_apply_progress()
           ) : (
             <>
+              <div className={styles['file__line-numbers']}>
+                {props.file.file_state != 'deleted' && (
+                  <span className={styles['file__line-numbers__added']}>
+                    +{props.file.lines_added}
+                  </span>
+                )}
+                {props.file.file_state != 'new' && (
+                  <span className={styles['file__line-numbers__removed']}>
+                    -{props.file.lines_removed}
+                  </span>
+                )}
+              </div>
               <div className={styles['file__actions']}>
                 {props.file.content !== undefined &&
                   props.file.proposed_content !== undefined &&
@@ -211,18 +223,6 @@ export const FileItem: FC<Props> = (props) => {
                   />
                 )}
               </div>
-              <div className={styles['file__line-numbers']}>
-                {props.file.file_state != 'deleted' && (
-                  <span className={styles['file__line-numbers__added']}>
-                    +{props.file.lines_added}
-                  </span>
-                )}
-                {props.file.file_state != 'new' && (
-                  <span className={styles['file__line-numbers__removed']}>
-                    -{props.file.lines_removed}
-                  </span>
-                )}
-              </div>
             </>
           )}
         </div>