fix: add a column gap to tanstack inputs (#985)

Closes: cheminfo/nmrium#4014

Author: Sebastien-Ahkrin

src/components/form/components/input_groups/form_group.tsx

@@ -17,6 +17,7 @@ const FormContainer = styled.div<{
   margin: 0;
   grid-template-columns: ${(props) =>
     props.layout === 'inline' ? '[label] 30% [input] 70%' : '1fr'};
+  column-gap: 20px;
   grid-template-rows: ${(props) =>
     props.layout === 'inline' ? 'auto auto' : 'auto'};
 `;

stories/components/form/tanstack/new-general-settings.stories.tsx

@@ -26,7 +26,7 @@ export default {
 } as Meta;
 
 const StyledForm = styled(Form)`
-  max-width: 762px;
+  max-width: 605px;
   display: flex;
   flex-direction: column;
 `;