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/lit-file-based-routing/pages/root.ts

@@ -0,0 +1,36 @@
+import { html, css, LitElement } from "lit";
+import { customElement } from "lit/decorators.js";
+
+@customElement("root-module")
+export class RootModule extends LitElement {
+  static styles = css`
+    main {
+      display: flex;
+      flex-direction: row;
+      height: 100vh;
+      width: 100%;
+    }
+    aside {
+      display: flex;
+      flex-direction: column;
+      background-color: whitesmoke;
+      padding: 8px;
+    }
+    section {
+      flex: 1;
+    }
+  `;
+
+  render() {
+    return html`
+      <main>
+        <aside>
+          <a href="#/">Home</a>
+          <a href="#/dashboard">Dashboard</a>
+          <a href="#/settings">Settings</a>
+        </aside>
+        <section><slot></slot></section>
+      </main>
+    `;
+  }
+}