Simplify SafeHtmlImage and SafeHtmlTable attribute passing

Replace v-bind="$attrs" with explicit class="safe-html" and remove
inheritAttrs: false, reducing the component API surface area.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rtibbles

packages/kolibri-common/components/SafeHTML/SafeHtmlImage.vue

@@ -6,10 +6,10 @@
   >
     <div class="img-wrapper">
       <img
+        class="safe-html"
         :src="src"
         :alt="alt"
         :style="imageStyle"
-        v-bind="$attrs"
         @click="openLightbox"
       >
       <KIconButton
@@ -42,7 +42,6 @@
     components: {
       Lightbox,
     },
-    inheritAttrs: false,
     props: {
       src: { type: String, required: true },
       alt: { type: String, default: '' },

packages/kolibri-common/components/SafeHTML/SafeHtmlTable.vue

@@ -5,7 +5,7 @@
     data-testid="table-container"
   >
     <table
-      v-bind="$attrs"
+      class="safe-html"
       :style="tableStyle"
     >
       <slot></slot>
@@ -19,8 +19,6 @@
 
   export default {
     name: 'SafeHtmlTable',
-    inheritAttrs: false,
-
     props: {
       node: {
         required: true,