feat: add gpu options

web/src/app/(app)/machines/page.tsx

@@ -1,7 +1,9 @@
+import { AccessType } from "../../../lib/AccessType";
 import { MachineList } from "@/components/MachineList";
 import { db } from "@/db/db";
 import { machinesTable } from "@/db/schema";
 import { auth } from "@clerk/nextjs";
+import { clerkClient } from "@clerk/nextjs/server";
 import { desc, eq, isNull, and } from "drizzle-orm";
 
 export default function Page() {
@@ -15,6 +17,8 @@ async function MachineListServer() {
     return <div>No auth</div>;
   }
 
+  const user = await clerkClient.users.getUser(userId);
+
   const machines = await db.query.machinesTable.findMany({
     orderBy: desc(machinesTable.updated_at),
     where:
@@ -26,7 +30,10 @@ async function MachineListServer() {
   return (
     <div className="w-full">
       {/* <div>Machines</div> */}
-      <MachineList data={machines} />
+      <MachineList
+        data={machines}
+        userMetadata={AccessType.parse(user.privateMetadata ?? {})}
+      />
     </div>
   );
 }