Implement local browser caching for shared groups and UI improvements

src/app/api/material-groups/[id]/route.ts

@@ -0,0 +1,41 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/lib/db";
+
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+    const body = await request.json();
+    const { name, sortOrder } = body;
+
+    const updateData: any = {};
+    if (name !== undefined) updateData.name = name;
+    if (sortOrder !== undefined) updateData.sortOrder = sortOrder;
+
+    const group = await prisma.materialGroup.update({
+      where: { id },
+      data: updateData,
+    });
+
+    return NextResponse.json(group);
+  } catch (error) {
+    return NextResponse.json({ error: "Failed to update material group" }, { status: 500 });
+  }
+}
+
+export async function DELETE(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params;
+    await prisma.materialGroup.delete({
+      where: { id },
+    });
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    return NextResponse.json({ error: "Failed to delete material group" }, { status: 500 });
+  }
+}