feat: improve ui and docs

Author: TimMikeladze

.storybook/main.ts

@@ -27,5 +27,22 @@ const config: StorybookConfig = {
 	docs: {
 		autodocs: "tag",
 	},
+	previewHead: (head) => `
+    ${head}
+    ${
+			process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID &&
+			process.env.NEXT_PUBLIC_UMAMI_URL
+				? `
+    <script
+      defer
+      src="${process.env.NEXT_PUBLIC_UMAMI_URL}/script.js"
+      data-website-id="${process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID}"
+    ></script>
+    `
+				: ""
+		}
+	<meta name="title" content="react-install-command" />
+	<meta name="description" content="A React component for rendering a 'npm install <package name>' command block. Supports multiple package managers and themes. Drop it into your MDX code, a ShadCN UI component, a Tailwind codebase, use our built in styles or go unstyled. You choose." />
+  `,
 };
 export default config;