fix: add medium size for modal (#335)

Author: arjunlalb

projects/components/src/modal/modal-container.component.scss

@@ -8,14 +8,18 @@
   padding: 18px;
   background-color: white;
   z-index: 1;
+  display: flex;
+  flex-direction: column;
 
   &.modal-size-small {
     height: 365px;
     width: 420px;
   }
 
-  display: flex;
-  flex-direction: column;
+  &.modal-size-medium {
+    height: 720px;
+    width: 640px;
+  }
 
   .header {
     display: flex;

projects/components/src/modal/modal.ts

@@ -10,7 +10,8 @@ export interface ModalConfig<TData = unknown> {
 }
 
 export const enum ModalSize {
-  Small = 'small'
+  Small = 'small',
+  Medium = 'medium'
 }
 
 export const MODAL_DATA = new InjectionToken<unknown>('MODAL_DATA');