include storybook, first ts component and bottom refactoring

config/passport.js

@@ -394,7 +394,7 @@ passport.use(
       }
       try {
         const user = await userExist(userAttributes)
-        if (!user) done(null, false)
+        if (!user) return done(null, false)
         if (user.verifyPassword(password, user.password)) {
           const token = jwt.sign(
             { email: user.email },

frontend/.storybook/main.js

@@ -0,0 +1,15 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions"
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  }
+}

frontend/.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}