feat: add shift management functionality with CRUD operations and UI components

src/pages/jadwalShift/IndexJadwalShift.jsx

@@ -0,0 +1,28 @@
+import { useState } from 'react';
+import ListJadwalShift from './component/ListJadwalShift';
+import DetailJadwalShift from './component/DetailJadwalShift';
+
+const IndexJadwalShift = () => {
+    const [actionMode, setActionMode] = useState('list');
+    const [selectedData, setSelectedData] = useState(null);
+
+    return (
+        <>
+            {actionMode === 'list' && (
+                <ListJadwalShift
+                    setActionMode={setActionMode}
+                    setSelectedData={setSelectedData}
+                />
+            )}
+            {(actionMode === 'add' || actionMode === 'edit') && (
+                <DetailJadwalShift
+                    actionMode={actionMode}
+                    selectedData={selectedData}
+                    setActionMode={setActionMode}
+                />
+            )}
+        </>
+    );
+};
+
+export default IndexJadwalShift;