Add Stackblitz logo

.storybook/components/canvas/Canvas.tsx

@@ -1,5 +1,8 @@
-import React, { ComponentProps } from "react";
+import { ComponentProps } from "react";
 import { Canvas as StorybookCanvas } from "@storybook/blocks";
+import { Inline, Text } from "@components";
+import { Stackblitz } from "./assets/index.tsx";
+import { Image } from "@components/image/index.ts";
 
 interface Props extends ComponentProps<typeof StorybookCanvas> { }
 
@@ -8,7 +11,12 @@ export const Canvas = (props: Props) => (
         {...props}
         additionalActions={[
             {
-                title: "Open Orbiter Sandbox",
+                title: (
+                    <Inline gap="inline-sm">
+                        <Image src={Stackblitz} alt="Stackblitz" width="10px" height="auto" />
+                        Open Orbiter Sandbox
+                    </Inline>
+                ),
                 onClick: () => {
                     window.open(
                         "https://stackblitz.com/edit/orbiter-sandbox?file=src%2FComponent.tsx",

.storybook/components/canvas/assets/index.tsx

@@ -0,0 +1,3 @@
+import Stackblitz from "./stackblitz.png";
+
+export { Stackblitz };