fix(material): use the component property

Closes #234

.changeset/olive-cows-trade.md

@@ -0,0 +1,5 @@
+---
+"@suid/material": patch
+---
+
+Fix `component` property in `Paper`

packages/material/src/Paper/Paper.test.tsx

@@ -0,0 +1,16 @@
+import Paper from "./Paper";
+import { screen, render } from "solid-testing-library";
+import { describe, expect, it } from "vitest";
+
+describe("Paper", () => {
+  it("respects the size property", () => {
+    const { unmount } = render(() => (
+      <Paper data-testid="e" component="form" />
+    ));
+    const e = screen.getByTestId("e");
+    expect(e.nodeName).toBe("FORM");
+    unmount();
+  });
+});
+
+export {};

packages/material/src/Paper/Paper.tsx

@@ -96,6 +96,7 @@ const Paper = $.component(function Paper({
 
   return (
     <PaperRoot
+      as={otherProps.component}
       {...otherProps}
       ownerState={allProps}
       class={clsx(classes.root, allProps.class)}