```
=> Failed to build the preview
Error: Cannot find module 'ajv/dist/compile/codegen'
Require stack:
- ./node_modules/ajv-keywords/dist/definitions/typeof.js
- ./node_modules/ajv-keywords/dist/keywords/typeof.js
- ./node_modules/ajv-keywords/dist/keywords/index.js
- ./node_modules/ajv-keywords/dist/index.js
- ./node_modules/schema-utils/dist/validate.js
- ./node_modules/schema-utils/dist/index.js
- ./node_modules/webpack-dev-middleware/dist/index.js
- ./node_modules/@storybook/builder-webpack5/dist/index.js
- ./node_modules/@storybook/nextjs/dist/preset.js
- ./node_modules/@storybook/core/dist/common/index.cjs
- ./node_modules/@storybook/core/dist/telemetry/index.cjs
- ./node_modules/storybook/dist/generate.cjs
- ./node_modules/storybook/bin/index.cjs
    at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
    at Module._resolveFilename (./node_modules/esbuild-register/dist/node.js:4794:36)
    at <anonymous> (./node_modules/next/src/server/require-hook.ts:51:34)
    at Module._load (node:internal/modules/cjs/loader:985:27)
    at Module.require (node:internal/modules/cjs/loader:1235:19)
    at Module.mod.require (./node_modules/next/src/server/require-hook.ts:70:26)
    at require (node:internal/modules/helpers:176:18)
    at Object.<anonymous> (./node_modules/ajv-keywords/src/definitions/typeof.ts:2:1)
    at Module._compile (node:internal/modules/cjs/loader:1376:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1435:10)
```

Next.js + Tailwind CSSで開発出来るようにProject構成を変更

共通利用するButtonComponentを実装

…mponent

新デザイン（2024年）のFooterComponentを作成

```
A slot prop is required. Valid slot names are "label"、"description".
The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:

Missing Context/Providers: You can use decorators to supply specific contexts or providers, which are sometimes necessary for components to render correctly. For detailed instructions on using decorators, please visit the Decorators documentation.
Misconfigured Webpack or Vite: Verify that Storybook picks up all necessary settings for loaders, plugins, and other relevant parameters. You can find step-by-step guides for configuring Webpack or Vite with Storybook.
Missing Environment Variables: Your Storybook may require specific environment variables to function as intended. You can set up custom environment variables as outlined in the Environment Variables documentation.

Error: A slot prop is required. Valid slot names are "label"、"description".
    at $64fa3d84918910a7$export$fabf2dc03a41866e (http://localhost:6008/vendors-node_modules_next_link_js-node_modules_react-aria-components_dist_Text_mjs.iframe.bundle.js:1541:83)
    at $64fa3d84918910a7$export$29f1550f4b0d4415 (http://localhost:6008/vendors-node_modules_next_link_js-node_modules_react-aria-components_dist_Text_mjs.iframe.bundle.js:1551:15)
    at $514c0188e459b4c0$var$Text (http://localhost:6008/vendors-node_modules_next_link_js-node_modules_react-aria-components_dist_Text_mjs.iframe.bundle.js:1420:80)
    at renderWithHooks (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:60608:18)
    at updateForwardRef (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:65341:20)
    at beginWork$1 (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:68008:16)
    at beginWork (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:76414:14)
    at performUnitOfWork (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:75235:12)
    at workLoopSync (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:74951:5)
    at renderRootSync (http://localhost:6008/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_client_ReactRefreshEntry_js-node_mod-54ddfe.iframe.bundle.js:74906:7)
```

71:26  warning  Classname 'ring-opacity-5' should be replaced by an opacity suffix (eg. '/5')  tailwindcss/migration-from-tailwind-2
106:24  warning  Classname 'ring-opacity-5' should be replaced by an opacity suffix (eg. '/5')  tailwindcss/migration-from-tailwind-2

新デザイン（2024年）のHeaderComponentを作成

…menu

HeaderComponentにログイン状態用のメニューを設置

…-test

E2Eテスト実行環境とComponentのテストを追加

src/utils/gtm.ts
  36:13  error  Use a `type` instead of an `interface`                                             ts/consistent-type-definitions
  42:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions
  51:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions
  60:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions
  69:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions
  78:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions
  87:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions
  96:3   error  Definition for rule '@typescript-eslint/strict-boolean-expressions' was not found  @typescript-eslint/strict-boolean-expressions

src/utils/assertNever.ts
  1:1   error  Definition for rule '@typescript-eslint/no-unused-vars' was not found    @typescript-eslint/no-unused-vars
  2:29  error  'value' is defined but never used. Allowed unused args must match /^_/u  unused-imports/no-unused-vars

/lgtm-cat-frontend/src/app/_components/Header.test.tsx
  31:51  warning  Use shorthand boolean attribute 'isLoggedIn'  react/prefer-shorthand-boolean
  42:51  warning  Use shorthand boolean attribute 'isLoggedIn'  react/prefer-shorthand-boolean

/lgtm-cat-frontend/src/app/_components/HeaderLogo.tsx
  21:41  warning  Use shorthand boolean attribute 'aria-hidden'  react/prefer-shorthand-boolean

/lgtm-cat-frontend/src/app/_components/LoginButton.tsx
  14:7  warning  Use shorthand boolean attribute 'showGithubIcon'  react/prefer-shorthand-boolean

…-packages

ESLintの設定を @antfu/eslint-config を使った形に変更

…ader-component

HeaderComponentのマージンの調整