migrate: story to tailwind

Move placement to organisms/layouts/trilemma as it is comprised of multiple molecules

Author: wackerow

src/components/Trilemma/Trilemma.stories.tsx

@@ -1,35 +1,31 @@
-import { Box, ChakraProvider } from "@chakra-ui/react"
 import { Meta, StoryObj } from "@storybook/react"
 
-import Trilemma from "."
+import TrilemmaComponent from "."
 
 const meta = {
-  title: "Molecules / Trilemma",
-  component: Trilemma,
+  title: "Organisms / Layouts",
+  component: TrilemmaComponent,
   parameters: {
     layout: "fullscreen",
   },
   decorators: [
     (Story) => (
-      <ChakraProvider>
-        <Box
-          w="100vw"
-          h="100vh"
-          display="flex"
-          alignItems="center"
-          justifyContent="center"
-          bg="radial-gradient(46.28% 66.31% at 66.95% 58.35%, #e6e6f7 0%, #e7edfa 50%, #e9fbfa 100%)"
-        >
-          <Story />
-        </Box>
-      </ChakraProvider>
+      <div
+        className="flex h-screen w-screen items-center justify-center"
+        style={{
+          background:
+            "radial-gradient(46.28% 66.31% at 66.95% 58.35%, #e6e6f7 0%, #e7edfa 50%, #e9fbfa 100%)",
+        }}
+      >
+        <Story />
+      </div>
     ),
   ],
-} satisfies Meta<typeof Trilemma>
+} satisfies Meta<typeof TrilemmaComponent>
 
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Default: Story = {
-  render: () => <Trilemma />,
+export const Trilemma: Story = {
+  render: () => <TrilemmaComponent />,
 }