feat(project): Add Storybook capabilities

- Added Storybook framework to SW360 frontend project
- Modified QuickFilter component to be first story
- Moved AdvancedSearch CSS classes to global.css

Signed-off-by: Helio Chissini de Castro <[email protected]>

.storybook/main.ts

@@ -1,25 +1,38 @@
+// Copyright (c) Helio Chissini de Castro, 2023. Part of the SW360 Frontend Project.
+
+// This program and the accompanying materials are made
+// available under the terms of the Eclipse Public License 2.0
+// which is available at https://www.eclipse.org/legal/epl-2.0/
+
+// SPDX-License-Identifier: EPL-2.0
+// License-Filename: LICENSE
+
+import path from 'path'
 import type { StorybookConfig } from '@storybook/nextjs'
 
 const config: StorybookConfig = {
-    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-    addons: [
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        '@storybook/addon-onboarding',
-        '@storybook/addon-interactions',
-    ],
     framework: {
         name: '@storybook/nextjs',
         options: {},
     },
     docs: {
         autodocs: 'tag',
     },
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-onboarding',
+        '@storybook/addon-interactions',
+    ],
     webpackFinal: async (config) => {
-        config.resolve?.alias? = {
-            ...config.resolve?.alias?,
-            '@/object-types': path.resolve(__dirname, '../src/object-types'),
+        if (config.resolve) {
+            config.resolve.alias = {
+                ...config.resolve.alias,
+                '@': path.resolve(__dirname, '../src'),
+            }
         }
+        return config
     },
 }
 export default config

.storybook/preview.ts

@@ -1,5 +1,16 @@
+// Copyright (c) Helio Chissini de Castro, 2023. Part of the SW360 Frontend Project.
+
+// This program and the accompanying materials are made
+// available under the terms of the Eclipse Public License 2.0
+// which is available at https://www.eclipse.org/legal/epl-2.0/
+
+// SPDX-License-Identifier: EPL-2.0
+// License-Filename: LICENSE
+
 import type { Preview } from '@storybook/react'
 
+import '../src/styles/globals.css'
+
 const preview: Preview = {
     parameters: {
         actions: { argTypesRegex: '^on[A-Z].*' },