Fixed page reload issue on EnterKey press

frontend/src/components/AppGrid.jsx

@@ -232,6 +232,11 @@ const AppGrid = (props) => {
             removeQuery("q");
             refine(event.currentTarget.value);
           }}
+          onKeyDown={(event) => {
+						if(event.key === "Enter") {
+							event.preventDefault();
+						}
+					}}
           limit={5}
         />
         {/*isSearchStalled ? 'My search is stalled' : ''*/}
@@ -994,6 +999,11 @@ const AppGrid = (props) => {
           onChange={(event) => {
             setSearchQuery(event.currentTarget.value);
           }}
+          onKeyDown={(event) => {
+						if(event.key === "Enter") {
+							event.preventDefault();
+						}
+					}}
           limit={5}
         />
         {/*isSearchStalled ? 'My search is stalled' : ''*/}

frontend/src/components/CreatorGrid.jsx

@@ -136,6 +136,11 @@ const CreatorGrid = props => {
 						removeQuery("q")
 						refine(event.currentTarget.value)
 					}}
+					onKeyDown={(event) => {
+						if(event.key === "Enter") {
+							event.preventDefault();
+						}
+					}}
 				/>
 				{/*isSearchStalled ? 'My search is stalled' : ''*/}
 			</form>

frontend/src/components/DiscordChat.jsx

@@ -75,6 +75,11 @@ const DiscordChat = props => {
                         fullWidth
                         value={currentRefinement}
                         onChange={(event) => refine(event.currentTarget.value)}
+                        onKeyDown={(event) => {
+                            if(event.key === "Enter") {
+                                event.preventDefault();
+                            }
+                        }}
                         placeholder="Search Discord Chats"
                         style={{ backgroundColor: theme.palette.inputColor, borderRadius: borderRadius, margin: 10, width: "100%", }}
                         InputProps={{

frontend/src/components/DocsGrid.jsx

@@ -124,6 +124,11 @@ const DocsGrid = props => {
 						removeQuery("q")
 						refine(event.currentTarget.value)
 					}}
+					onKeyDown={(event) => {
+						if(event.key === "Enter") {
+							event.preventDefault();
+						}
+					}}
 					limit={5}
 				/>
 				{/*isSearchStalled ? 'My search is stalled' : ''*/}

frontend/src/components/SearchData.jsx

@@ -88,12 +88,12 @@ const SearchData = props => {
 
         const textFieldRef = useRef(null);
         const keyPressHandler = (e) => {
-            if (e.which === 13) {
+            if (e.key === "Enter") {
+                e.preventDefault();
                 // navigate(`/search?q=${currentRefinement}`, { state: value, replace: true });
                 // setModalOpen(false);
                 const trimmedValue = inputValue.trim();
                 if (trimmedValue !== '') {
-                    e.preventDefault();
                     navigate(`/search?q=${trimmedValue}`, { state: trimmedValue, replace: true });
                     setModalOpen(false);
                 }

frontend/src/components/WorkflowGrid.jsx

@@ -221,6 +221,11 @@ const AppGrid = props => {
 						removeQuery("q")
 						refine(event.currentTarget.value)
 					}}
+					onKeyDown={(event) => {
+						if(event.key === "Enter") {
+							event.preventDefault();
+						}
+					}}
 					limit={5}
 				/>
 			: null}