feat: properly impl find for files (#5741)

* Initial file search impl

* Add replace functionality

* Rename to find, remove extra icon

* Put into seperate component

* Fix lint

* Change remaining search stuff to find

* Use ButtonStyled for buttons, use types from ace editor

* Make results label oriented left, add clear button to replace input

* Run fix

---------

Signed-off-by: Arthur <creeperkatze.dev@gmail.com>
Co-authored-by: Creeperkatze <178587183+Creeperkatze@users.noreply.github.com>

packages/ui/src/locales/en-US/index.json

@@ -548,12 +548,42 @@
   "files.editor.file-saved-title": {
     "defaultMessage": "File saved"
   },
+  "files.editor.find-close": {
+    "defaultMessage": "Close"
+  },
+  "files.editor.find-in-file": {
+    "defaultMessage": "Find"
+  },
+  "files.editor.find-match-count": {
+    "defaultMessage": "{current} of {total}"
+  },
+  "files.editor.find-next-match": {
+    "defaultMessage": "Next match"
+  },
+  "files.editor.find-no-results": {
+    "defaultMessage": "No results"
+  },
+  "files.editor.find-previous-match": {
+    "defaultMessage": "Previous match"
+  },
+  "files.editor.find-toggle-replace": {
+    "defaultMessage": "Toggle replace"
+  },
   "files.editor.log-url-copied-text": {
     "defaultMessage": "Your log file URL has been copied to your clipboard."
   },
   "files.editor.log-url-copied-title": {
     "defaultMessage": "Log URL copied"
   },
+  "files.editor.replace": {
+    "defaultMessage": "Replace"
+  },
+  "files.editor.replace-all": {
+    "defaultMessage": "Replace All"
+  },
+  "files.editor.replace-in-file": {
+    "defaultMessage": "Replace"
+  },
   "files.editor.save-failed-text": {
     "defaultMessage": "Could not save the file."
   },
@@ -644,6 +674,9 @@
   "files.navbar.file-navigation": {
     "defaultMessage": "File navigation"
   },
+  "files.navbar.find-in-file": {
+    "defaultMessage": "Find in file"
+  },
   "files.navbar.home": {
     "defaultMessage": "Home"
   },