refactor(FE): change project flock form, detail and chickin view using drawer

src/app/production/project-flock/layout.tsx

@@ -0,0 +1,55 @@
+'use client';
+
+import { usePathname, useRouter } from 'next/navigation';
+import Drawer from '@/components/Drawer';
+import React, { ReactNode } from 'react';
+import ProjectFlockTable from '@/components/pages/production/project-flock/ProjectFlockTable';
+
+export default function ProjectFlockLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const pathname = usePathname();
+  const router = useRouter();
+
+  const isAdd = pathname.endsWith('/add');
+  const isEdit = pathname.includes('/detail/edit');
+  const isDetail = pathname.includes('/detail');
+  const isChickin = pathname.includes('/chickin/add/kandang');
+
+  const isOpen = isAdd || isEdit || isDetail || isChickin;
+
+  // const childRef = useRef<ProjectFlockFormRef>(null);
+
+  const handleBackdropClick = () => {
+    // const isValid = childRef.current?.validate(); // 🔥 trigger validation child
+
+    // if (!isValid) {
+    //   toast.error('Form belum valid, Drawer tidak bisa close');
+    //   return;
+    // }
+    router.push('/production/project-flock');
+  };
+
+  return (
+    <>
+      {/* List page always rendered */}
+      <div>
+        <ProjectFlockTable />
+      </div>
+
+      {/* Render Drawer only on /add */}
+      <Drawer
+        open={isOpen}
+        setOpen={(v) => {
+          if (!v) router.push('/production/project-flock');
+        }}
+        closeOnBackdropClick={false}
+        onBackdropClick={handleBackdropClick}
+        variant='right'
+        sidebarContent={isOpen && <div className='p-4'>{children}</div>}
+      />
+    </>
+  );
+}