Enable full-width display for the Modal component and apply it to the Stage Files Modal

Author: robertpiosik

packages/ui/src/components/editor/panel/modals/Modal/Modal.module.scss

@@ -68,4 +68,8 @@
   border: 1px solid var(--vscode-widget-border);
   display: flex;
   flex-direction: column;
+
+  &--full-width {
+    max-width: none;
+  }
 }

packages/ui/src/components/editor/panel/modals/Modal/Modal.tsx

@@ -1,3 +1,4 @@
+import cn from 'classnames'
 import { Scrollable } from '../../Scrollable'
 import styles from './Modal.module.scss'
 
@@ -6,12 +7,17 @@ type Props = {
   content_slot?: React.ReactNode
   footer_slot?: React.ReactNode
   content_max_height?: string
+  use_full_width?: boolean
 }
 
 export const Modal: React.FC<Props> = (props) => {
   return (
     <div className={styles.overlay}>
-      <div className={styles.container}>
+      <div
+        className={cn(styles.container, {
+          [styles['container--full-width']]: props.use_full_width
+        })}
+      >
         {props.title && <div className={styles.title}>{props.title}</div>}
 
         {props.content_slot &&

packages/ui/src/components/editor/panel/modals/StageFilesModal/StageFilesModal.tsx

@@ -43,6 +43,7 @@ export const StageFilesModal: React.FC<Props> = (props) => {
     <Modal
       title="Select files to commit"
       content_max_height="calc(100vh - 150px)"
+      use_full_width={true}
       content_slot={
         <div className={styles.files}>
           <label