DOC-3411 - Update Svelte integration docs for tinymce-svelte 4.x / Svelte 5 (v7 backport) (#4065)

* DOC-3411: Update Svelte integration docs for tinymce-svelte 4.x / Svelte 5

Update the Svelte technical reference to reflect breaking changes in
@tinymce/tinymce-svelte 4.0.0 (Svelte 5 support):

- Add supported versions table (4.x → Svelte 5+, 3.x → Svelte 4)
- Update event binding: remove on: directive prefix (Svelte 5 syntax)
- Add complete event binding example with handler signature
- Fix mixed-case event names to lowercase (matching actual prop names)

* Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc

Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud>

* Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc

Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud>

* Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc

Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud>

* Update modules/ROOT/partials/integrations/svelte-tech-ref.adoc

Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud>

---------

Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud>

Author: kemister85

modules/ROOT/partials/integrations/svelte-tech-ref.adoc

@@ -1,6 +1,6 @@
 Covered in this section:
 
-* xref:configuring-the-tinymce-svelte-integration[Configuring the TinyMCE Svelte integration]
+* xref:configuring-the-tinymce-svelte-integration[Configuring the {productname} Svelte integration]
 ** xref:apikey[apiKey]
 ** xref:licensekey[licenseKey]
 ** xref:channel[channel]
@@ -13,6 +13,7 @@ Covered in this section:
 * xref:component-binding[Component binding]
 * xref:event-binding[Event binding]
 
+
 [[configuring-the-tinymce-svelte-integration]]
 == Configuring the TinyMCE Svelte integration
 
@@ -254,9 +255,9 @@ let text = '';
 
 Functions can be bound to editor events, such as:
 
-[source,jsx]
+[source,svelte]
 ----
-<Editor on:resizeeditor={this.handlerFunction} />
+<Editor resizeeditor={handlerFunction} />
 ----
 
 When the handler is called (*handlerFunction* in this example), it is called with two arguments:
@@ -265,8 +266,26 @@ When the handler is called (*handlerFunction* in this example), it is called wit
 
 `+editor+`:: A reference to the editor.
 
+=== Example of event binding
+
+[source,svelte]
+----
+<script>
+import Editor from '@tinymce/tinymce-svelte';
+
+function eventHandler(event, editor) {
+  console.log('Editor event:', event);
+  console.log('Editor instance:', editor);
+}
+</script>
+
+<main>
+  <Editor resizeeditor={this.eventHandler} />
+</main>
+----
+
 [TIP]
-Ensure event names are specified in lower-case (event names are case-sensitive).
+Specify event names in lower-case (event names are case-sensitive).
 
 The following events are available:
 
@@ -282,10 +301,10 @@ The following events are available:
 * `+change+`
 * `+clearundos+`
 * `+click+`
-* `+CommentChange+`
-* `+CompositionEnd+`
-* `+CompositionStart+`
-* `+CompositionUpdate+`
+* `+commentchange+`
+* `+compositionend+`
+* `+compositionstart+`
+* `+compositionupdate+`
 * `+contextmenu+`
 * `+copy+`
 * `+cut+`