Feat: Add Favicon and addon for Core Page redirection

Author: jeffreybernadas

Diff for: .storybook/SBUrlCore.tsx

@@ -0,0 +1,30 @@
+import { ArrowUpRight } from "lucide-react";
+import { IconButton } from "@storybook/components";
+import { addons, types } from "@storybook/manager-api";
+import React from "react";
+
+addons.register("storybook/redirect", () => {
+  addons.add("storybook/redirect", {
+    title: "Go to Core Components",
+    type: types.TOOL,
+    match: ({ viewMode }) => !!viewMode?.match(/^(story|docs)$/),
+    render: () => (
+      <IconButton
+        key="redirect"
+        title="Navigate to Core Components"
+        onClick={async () =>
+          window.open("https://core.thecodebit.digital", "_blank")
+        }
+        style={{
+          position: "absolute",
+          right: "30px",
+        }}
+      >
+        Go to Core Components
+        <ArrowUpRight
+          style={{ color: "white", width: "0.75em", height: "0.75em" }}
+        />
+      </IconButton>
+    ),
+  });
+});

Diff for: .storybook/main.ts

@@ -19,5 +19,7 @@ const config: StorybookConfig = {
     },
   ],
   framework: { name: "@storybook/react-webpack5", options: {} },
+
+  staticDirs: ["../src/assets/images"],
 };
 export default config;

Diff for: .storybook/manager.ts

@@ -1,4 +1,5 @@
 import "./SBThemeToggler";
+import "./SBUrlCore";
 import { addons } from "@storybook/manager-api";
 import darkTheme from "./darkTheme";
 import lightTheme from "./lightTheme";

Diff for: webpack.config.js

@@ -86,7 +86,10 @@ module.exports = (_, argv) => ({
         "react-dom": { singleton: true, requiredVersion: deps["react-dom"] },
       },
     }),
-    new HtmlWebPackPlugin({ template: "./src/index.html" }),
+    new HtmlWebPackPlugin({
+      template: "./src/index.html",
+      favicon: "./src/assets/images/favicon.ico",
+    }),
     new Dotenv(),
   ],
 });