use a custom tinymce svelte component and other minor optimizations

ui/src/components/records/RecordFieldValue.svelte

@@ -5,7 +5,7 @@
     import CopyIcon from "@/components/base/CopyIcon.svelte";
     import RecordFileThumb from "@/components/records/RecordFileThumb.svelte";
     import RecordInfo from "@/components/records/RecordInfo.svelte";
-    import TinyMCE from "@tinymce/tinymce-svelte";
+    import TinyMCE from "@/components/base/TinyMCE.svelte";
 
     export let record;
     export let field;
@@ -52,19 +52,17 @@
         </span>
     {:else}
         <TinyMCE
-            scriptSrc="{import.meta.env.BASE_URL}libs/tinymce/tinymce.min.js"
             cssClass="tinymce-preview"
             conf={{
                 branding: false,
                 promotion: false,
                 menubar: false,
-                min_height: 30,
                 statusbar: false,
+                min_height: 30,
                 height: 59,
                 max_height: 500,
                 autoresize_bottom_margin: 5,
                 resize: false,
-                skin: "pocketbase",
                 content_style: "body { font-size: 14px }",
                 toolbar: "",
                 plugins: ["autoresize"],