On branch main

Your branch is up to date with 'origin/main'.

 Changes to be committed:
	new file:   .github/workflows/ Code Citations.md
	modified:   .github/workflows/nextjs_bundle_analysis.yml
	modified:   .storybook/main.ts
	modified:   .storybook/preview.ts
	modified:   app/layout.tsx
	modified:   app/page.tsx
	modified:   components/Button/Button.stories.tsx
	modified:   package.json
	modified:   pnpm-lock.yaml
	modified:   styles/tailwind.css

.storybook/main.ts

@@ -1,14 +1,13 @@
 import type { StorybookConfig } from "@storybook/nextjs"
 const config: StorybookConfig = {
   stories: ["../components/**/*.stories.mdx", "../components/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions"],
+  addons: ["@storybook/addon-links", "@storybook/addon-docs"],
+
   framework: {
     name: "@storybook/nextjs",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+
   typescript: {
     check: false,
     checkOptions: {},
@@ -17,6 +16,6 @@ const config: StorybookConfig = {
       shouldExtractLiteralValuesFromEnum: true,
       propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
     },
-  },
+  }
 }
 export default config

.storybook/preview.ts

@@ -1,4 +1,4 @@
-import type { Preview } from "@storybook/react"
+import type { Preview } from "@storybook/nextjs"
 
 import "../styles/tailwind.css"