feat(design-system): port most of ui atoms to bazel monorepo and new storybook

src/design-system/atoms/fader/Fader.stories.tsx

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { FaderOpacity, FaderSlide } from "./Fader";
+import { Button } from "roleypoly/src/design-system/atoms/button";
+import { action } from "@storybook/addon-actions";
+
+export default {
+  title: "Atoms/Fader",
+  component: FaderSlide,
+  args: {
+    isVisible: true,
+  },
+};
+
+export const Opacity = (args) => {
+  return (
+    <FaderOpacity {...args}>
+      <Button onClick={action("onClick")}>Click me!</Button>
+    </FaderOpacity>
+  );
+};
+
+export const Slide = (args) => {
+  return (
+    <FaderSlide {...args}>
+      <Button onClick={action("onClick")}>Click me!</Button>
+    </FaderSlide>
+  );
+};