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/dashboard/account/:id.ts

@@ -0,0 +1,33 @@
+import { html, css, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+export async function loader(
+  route: string,
+  args: { [key: string]: any }
+): Promise<AccountData> {
+  await new Promise((resolve) => setTimeout(resolve, 1000));
+  const id = args["id"]!;
+  return {
+    id,
+    route,
+    name: "Name: " + id,
+  };
+}
+
+@customElement("account-details")
+export class AccountDetails extends LitElement {
+  static styles = css``;
+
+  @property({ type: String }) id = "";
+  @property({ type: Object }) data!: AccountData;
+
+  render() {
+    return html`<section>${this.data.name}</section>`;
+  }
+}
+
+interface AccountData {
+  id: string;
+  route: string;
+  name: string;
+}