Enhance Chemdoodle Integration and Improve Reaction Form Layout

- Refactored JavaScript functions in chemdoodleIntegration.js to improve input handling for substrates and products.
- Introduced helper functions to streamline the retrieval of identifier cells and inputs.
- Updated event listeners to utilize new helper functions for better readability and maintainability.
- Redesigned the HTML structure of the reaction form in home_page.html for improved accessibility and user experience.
- Enhanced the layout of substrates and products sections with clearer headers and action buttons.
- Added bulk apply options for substrates and products to streamline user interactions.
- Implemented a new view in graph_views.py to retrieve graph information for saved reactions, including validation for user IDs and structured JSON responses.

Author: saleha1wer

curationTool/reactions/static/reactions/css/home_page.css

@@ -6,8 +6,8 @@ body {
 }
 
 :root {
-	--panel-gap: 24px;
-	--panel-default-width: calc(50% - var(--panel-gap));
+	--panel-gap: 20px;
+	--panel-default-width: calc(50% - (var(--panel-gap)));
 }
 
 .top-menu {
@@ -101,7 +101,7 @@ body {
 	flex-wrap: wrap;
 	justify-content: flex-start;
 	align-items: stretch;
-	gap: 20px;
+	gap: var(--panel-gap);
 	padding: 24px;
 	margin-left: 0;
 	box-sizing: border-box;