fix(lit-components): fix rendering and interaction issues in force-graph, html-table, and draggable-dom

- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes.
- lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode.
- lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.

lit-components/vite-rxdb-lit/components/app-button.ts

@@ -0,0 +1,38 @@
+import { html } from "lit";
+
+import "@material/mwc-button";
+import "@material/mwc-icon-button";
+
+interface ButtonOptions {
+  icon?: string;
+  label?: string;
+  action?: string;
+  slot?: string;
+  type?: string;
+  form?: string;
+  callback: () => void;
+}
+export const button = (options: ButtonOptions) => {
+  return html` <mwc-button
+    @click=${() => options.callback()}
+    slot=${options?.slot ?? ""}
+    label=${options?.label ?? ""}
+    action=${options?.action ?? ""}
+    type=${options?.type ?? ""}
+    form=${options?.form ?? ""}
+    icon=${options?.icon ?? ""}
+  >
+  </mwc-button>`;
+};
+
+export const iconButton = (options: ButtonOptions) => {
+  return html` <mwc-icon-button
+    @click=${() => options.callback()}
+    slot=${options?.slot ?? ""}
+    action=${options?.action ?? ""}
+    type=${options?.type ?? ""}
+    form=${options?.form ?? ""}
+    icon=${options.icon ?? ""}
+  >
+  </mwc-icon-button>`;
+};