refactor(Colors.stories): move to @chakra-ui folder

Author: TylerAPfledderer

.storybook/main.ts

@@ -16,7 +16,10 @@ import TsconfigPathsPlugin from "tsconfig-paths-webpack-plugin"
  */
 
 const config: StorybookConfig = {
-  stories: ["../src/components/**/*.stories.{ts,tsx}"],
+  stories: [
+    "../src/components/**/*.stories.{ts,tsx}",
+    "../src/@chakra-ui/stories/*.stories.tsx",
+  ],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",

src/components/BaseStories/Colors.stories.tsx renamed to src/@chakra-ui/stories/Colors.stories.tsx

@@ -8,7 +8,7 @@ import semanticTokens from "@/@chakra-ui/semanticTokens"
 
 const semanticTokenColors = semanticTokens["colors"]
 
-import Heading from "../Heading"
+import Heading from "@/components/Heading"
 
 const meta = {
   title: "Design System/Colors",
@@ -178,7 +178,7 @@ const SemanticColorBlock = ({
       }
       size="20"
       bg={tokenName === nestedKey ? tokenName : `${tokenName}.${nestedKey}`}
-    ></Square>
+    />
     <Text>{nestedKey}</Text>
   </Flex>
 )