fix: minor UI adjustments (#7117)

This PR contains two small UI improvements for the new project creation
form:

1. Wrap the action buttons when necessary (so that they don't become
unavailable when the window gets narrow enough.)
2. Make the change request table scrollable horizontally, so that it can
still be configured on narrow windows.

---------

Co-authored-by: sjaanus <sellinjaanus@gmail.com>

frontend/src/component/project/Project/CreateProject/NewProjectForm.tsx

@@ -72,6 +72,7 @@ const FormActions = styled(StyledFormSection)(({ theme }) => ({
     display: 'flex',
     gap: theme.spacing(5),
     justifyContent: 'flex-end',
+    flexFlow: 'row wrap',
 }));
 
 type FormProps = {

frontend/src/component/project/Project/CreateProject/SelectionButton.styles.tsx

@@ -69,3 +69,8 @@ export const StyledDropdownSearch = styled(TextField, {
 export const TableSearchInput = styled(StyledDropdownSearch)(({ theme }) => ({
     maxWidth: '30ch',
 }));
+
+export const ScrollContainer = styled('div')(({ theme }) => ({
+    width: '100%',
+    overflow: 'auto',
+}));

frontend/src/component/project/Project/CreateProject/SelectionButton.tsx

@@ -17,6 +17,7 @@ import {
     StyledDropdownSearch,
     TableSearchInput,
     HiddenDescription,
+    ScrollContainer,
 } from './SelectionButton.styles';
 import { ChangeRequestTable } from './ChangeRequestTable';
 
@@ -445,11 +446,13 @@ export const TableSelect: FC<TableSelectProps> = ({
                         }}
                         onKeyDown={toggleTopItem}
                     />
+                    <ScrollContainer>
                         <ChangeRequestTable
                             environments={filteredEnvs}
                             enableEnvironment={onEnable}
                             disableEnvironment={onDisable}
                         />
+                    </ScrollContainer>
                 </StyledDropdown>
             </StyledPopover>
         </>