Fix react keys

web/vite/src/OrderSets.tsx

@@ -134,9 +134,8 @@ export const OrderSets: React.FC<OrderSetProps> = ({
                   probability,
                   punishment_pool_name,
                 }) => (
-                  <Grid.Col span={{ base: 12, sm: 6 }}>
+                  <Grid.Col key={id} span={{ base: 12, sm: 6 }}>
                     <Card
-                      key={id}
                       shadow="sm"
                       padding="lg"
                       radius="md"

web/vite/src/TimelineList.tsx

@@ -79,11 +79,11 @@ export const TimelineList: React.FC<{
         }) => (
           <Timeline.Item key={id} active {...(TIMELINE_TYPE[type] ?? {})}>
             <Text size="sm">
-              {text.split("\n").map((str) => (
-                <>
+              {text.split("\n").map((str, idx) => (
+                <React.Fragment key={idx}>
                   {str}
                   <br />
-                </>
+                </React.Fragment>
               ))}
             </Text>
             <Flex mt={4} gap="xs">