Refactor/modal component tests 1332 (#1392)

* feat: Add separate constants in theme for modal sizes and paddings

* feat: Implement dynamic sizing and padding for Modal

* feat: use dynamic modal feature for csv import

* fix: Remove redundant props from spreadsheet-import

* fix: use theme.spacing() instead

* fix: place types to Modal.tsx, convert ternary to switch-case, give default value

* fix: give px to modal sizes

* enhance: add color style to modal

* feat: add modal to storybook

front/src/modules/ui/theme/constants/modal.ts

@@ -0,0 +1,7 @@
+export const modal = {
+  size: {
+    sm: '300px',
+    md: '400px',
+    lg: '53%',
+  },
+};

front/src/modules/ui/theme/constants/theme.ts

@@ -7,6 +7,7 @@ import { boxShadowDark, boxShadowLight } from './boxShadow';
 import { color, grayScale } from './colors';
 import { fontDark, fontLight } from './font';
 import { icon } from './icon';
+import { modal } from './modal';
 import { tagDark, tagLight } from './tag';
 import { text } from './text';
 
@@ -14,6 +15,7 @@ const common = {
   color: color,
   grayScale: grayScale,
   icon: icon,
+  modal: modal,
   text: text,
   blur: blur,
   animation: animation,