init app

components/LockBanner.tsx

@@ -0,0 +1,11 @@
+export function LockBanner() {
+  return (
+    <div className="w-full bg-gray-100 border-2 border-border rounded-xl p-4 flex items-center gap-3">
+      <span className="text-xl">&#x1f512;</span>
+      <div>
+        <p className="font-medium text-fg">This order is closed and cannot be edited.</p>
+        <p className="text-sm text-muted">All fields are read-only. Change the status to reopen editing.</p>
+      </div>
+    </div>
+  );
+}