feat: header component

feat: dropdown component
feat: avatar component

.storybook/preview.tsx

@@ -1,7 +1,7 @@
 import type { Preview } from '@storybook/react'
 import '@fontsource/roboto/400.css'
 import '../src/styles/index.scss'
-import { withRouter } from 'storybook-addon-react-router-v6'
+import { reactRouterParameters, withRouter } from 'storybook-addon-react-router-v6'
 import { themes } from '@storybook/theming'
 import { ToastContainer } from 'react-toastify'
 import 'react-toastify/dist/ReactToastify.min.css'
@@ -9,6 +9,12 @@ import 'react-toastify/dist/ReactToastify.min.css'
 const preview: Preview = {
   parameters: {
     actions: { argTypesRegex: '^on[A-Z].*' },
+    reactRouter: reactRouterParameters({
+      routing: {
+        handle: 'Nav',
+        path: '*',
+      },
+    }),
     controls: {
       matchers: {
         color: /(background|color)$/i,