Sammy/t 392 aau i can drag and drop opportunities (#257)

* refactor: extract data from Board component

* feature: display board on opportunities page

* test: add strict mode in storybook

* chore: replace dnd to make it work with React 18 and strict mode

Atlassion has not fixed this issue in a year so we use the fork @hello-pangea/dnd
https://github.com/atlassian/react-beautiful-dnd/issues/2350

* refactor: move mocked-data in a file

* chore: use real column names in mock data

* feature: design columns

* feature: add New button at bottum of columns

* bugfix: move header out of dragable so the cards does not flicker on drop

* lint: remove useless imports

* refactor: rename board item key

front/src/modules/ui/layout/styles/themes.ts

@@ -67,6 +67,8 @@ const lightThemeSpecific = {
 
   blueHighTransparency: 'rgba(25, 97, 237, 0.03)',
   blueLowTransparency: 'rgba(25, 97, 237, 0.32)',
+
+  boxShadow: '0px 2px 4px 0px #0F0F0F0A',
 };
 
 const darkThemeSpecific: typeof lightThemeSpecific = {
@@ -107,6 +109,7 @@ const darkThemeSpecific: typeof lightThemeSpecific = {
 
   blueHighTransparency: 'rgba(104, 149, 236, 0.03)',
   blueLowTransparency: 'rgba(104, 149, 236, 0.32)',
+  boxShadow: '0px 2px 4px 0px #0F0F0F0A', // TODO change color for dark theme
 };
 
 export const overlayBackground = (props: any) =>