Jul 12th Introduction of Navigation changes and new updates.

• Introduction of Navigation Changes🧭 We've made our DataTable.js script a bit smarter with the addition of new import statements; Getting Drawer, DrawerEditRecipientForm, and useNavigate. Now, our DataTable can navigate and function better! 👏

• Addition of New States & Functions🎚️ Surprise! The DataTable.js script has learned some new tricks. With the state variable isOpen and new functions openDrawer and onDrawerClose, the DataTable can now control and manage its components' visibility. Fantastic! 😄

• Enhanced Rendering Skills🎨 Our DataTable has leveled up! It can now conditionally render Tr components based on the page_table variable's value. In simple terms, it now shows just what is needed based on the given condition. Neat, isn't it? 🥳

• Registration of DrawerEditRecipientForm✨ We've added a shiny new component DrawerEditRecipientForm inside a Drawer component in DataTable.js file. The result? A neater and more organized user interface.🎀

• Prop Updates to Boost Functionality⚙️ Our DonorProgramsTable.js and ProgramsTable.js files received some sweet prop updates. The page_table prop addition and modification are set to supercharge our Tables, offering a more streamlined experience to our users. Great Job, team! 💪