feat: implement dynamic categories, admin category CRUD, fix routing and cleanup

components/DeleteButton.tsx

@@ -0,0 +1,24 @@
+'use client'
+
+import { Trash2 } from 'lucide-react'
+import { useFormStatus } from 'react-dom'
+
+export default function DeleteButton() {
+  const { pending } = useFormStatus()
+  
+  return (
+    <button
+      type="submit"
+      disabled={pending}
+      className="inline-flex items-center justify-center w-8 h-8 rounded-lg bg-stone hover:bg-red-50 text-shutter hover:text-red-500 transition-colors disabled:opacity-50"
+      title="Sil"
+      onClick={(e) => {
+        if (!confirm('Bu kaydı silmek istediğinize emin misiniz?')) {
+          e.preventDefault()
+        }
+      }}
+    >
+      <Trash2 className="w-4 h-4" />
+    </button>
+  )
+}