Re-write test with storybook testing library (#150)

* Re-write test with storybook testing library

* Update CI

front/.storybook/main.js

@@ -1,33 +0,0 @@
-module.exports = {
-  webpackFinal: config => {
-    config.module.rules.push({
-      test: /\.tsx?$/,
-      exclude: /node_modules/,
-      use: [{
-        loader: require.resolve('babel-loader'),
-        options: {
-          presets: [require('@babel/preset-typescript').default, [require('@babel/preset-react').default, {
-            runtime: 'automatic'
-          }], require('@babel/preset-env').default]
-        }
-      }]
-    });
-    config.resolve.extensions.push('.ts', '.tsx');
-    config.module.rules.push({
-      test: /\.mjs$/,
-      include: /node_modules/,
-      type: 'javascript/auto'
-    });
-    config.resolve.extensions.push('.mjs');
-    return config;
-  },
-  stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", "@storybook/preset-create-react-app", '@storybook/addon-mdx-gfm'],
-  framework: {
-    name: '@storybook/react-webpack5',
-    options: {}
-  },
-  docs: {
-    autodocs: true
-  }
-};