Reacy: Fix improper/missing key props

- ExternalLinks: Fix key prop to use proper id in edit form.
- StopsByLineSearchGroupedStopsResults: Add missing key prop.

Author: Huulivoide

ui/src/components/stop-registry/components/ExternalLinks/ExternalLinksForm.tsx

@@ -104,7 +104,7 @@ export const ExternalLinksForm: FC<ExternalLinksFormProps> = ({
         onSubmit={handleSubmit(handleFormSubmit)}
       >
         {externalLinksFields.map((externalLink, idx) => (
-          <div key={externalLink.orderNum} data-testid={testIds.externalLink}>
+          <div key={externalLink.id} data-testid={testIds.externalLink}>
             <ExternalLinksFormFields
               index={idx}
               onRemove={onRemoveExternalLink}

ui/src/components/stop-registry/search/by-line/StopsByLineSearchGroupedStopsResults.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, Fragment } from 'react';
 import { useGroupedResultSelection, useStopSearchRouterState } from '../utils';
 import { ActiveLineHeader } from './ActiveLineHeader';
 import { LineRoutesListing } from './LineRoutesListing';
@@ -52,7 +52,7 @@ export const StopsByLineSearchGroupedStopsResults: FC<
       {lines
         .filter((line) => selectedGroups.includes(line.line_id))
         .map((line, i) => (
-          <>
+          <Fragment key={line.line_id}>
             <ActiveLineHeader
               line={line}
               className={i > 0 ? 'mt-6' : ''}
@@ -65,7 +65,7 @@ export const StopsByLineSearchGroupedStopsResults: FC<
               sortingInfo={sortingInfo}
               selection={resultSelection}
             />
-          </>
+          </Fragment>
         ))}
     </>
   );